ZBLOG

self.customerName =new TextItem().setTitle(lang("customer_name")).setCanWrapTitle(false).disable(); dialog.alert(lang('alert'), dialogContent, function() { var loanCodes = []; var seen = new Set(); var checkedCount = 0; $('input[ty...

要将返回的多个名称和其他数据展示在单独的 div 中,并且每个返回的数据都展示为一个模块,你可以按照以下步骤进行修改。我们假设你想要把这些数据放入一个名为 dataContainerdiv 中,每个数据项用一个子 div 来展示。

首先,确保你的 HTML 中有一个用于显示数据的容器,例如:

  1. <div id="dataContainer"></div>

接下来,你可以修改你的 JavaScript 代码,将数据渲染到这个容器中,而不是仅更新输入框。这里是你需要做的更改:

  1. dialog.alert(lang('alert'), dialogContent, function() {
  2. var loanCodes = [];
  3. var seen = new Set();
  4. $('input[type=checkbox]:checked').each(function() {
  5. var id = $(this).attr('id');
  6. var value = $(this).val();
  7. if (!seen.has(id)) {
  8. seen.add(id);
  9. loanCodes.push(value);
  10. }
  11. });
  12. $.ajax({
  13. url: `../d/exemptionReduction/selectInforList?loanCodes=${loanCodes}`,
  14. contentType: 'application/json',
  15. type: 'POST',
  16. lang: defLanguage,
  17. async: false,
  18. success: function(res) {
  19. var dialogData = JSON.parse(res);
  20. if (dialogData.success) {
  21. console.log(dialogData);
  22. // 清空之前的数据
  23. $('#dataContainer').empty();
  24. // 遍历返回的数据并生成新的 div
  25. for (let i = 0; i < dialogData.data.length; i++) {
  26. let itemDiv = $('<div class="data-item"></div>');
  27. // 假设你需要添加名字和其他属性
  28. itemDiv.append(`<p>客户姓名: ${dialogData.data[i].name}</p>`);
  29. itemDiv.append(`<p>客户ID: ${dialogData.data[i].customerId}</p>`);
  30. itemDiv.append(`<p>身份证号: ${dialogData.data[i].ident}</p>`);
  31. itemDiv.append(`<p>贷款信息代码: ${dialogData.data[i].loanInfoCode}</p>`);
  32. itemDiv.append(`<p>产品线: ${dialogData.data[i].productLine}</p>`);
  33. itemDiv.append(`<p>产品名称: ${dialogData.data[i].productName}</p>`);
  34. itemDiv.append(`<p>贷款金额: ${dialogData.data[i].loanAmount}</p>`);
  35. // 将新创建的 div 添加到 dataContainer 中
  36. $('#dataContainer').append(itemDiv);
  37. }
  38. } else {
  39. console.error('Failed to fetch data:', dialogData.message);
  40. }
  41. },
  42. });
  43. });

解释:

  1. 清空之前的数据:在请求成功后,首先清空 #dataContainer 中可能存在的任何内容。
  2. 动态生成新的 div:遍历返回的数据,为每一条记录创建一个新的 <div>,并用 .append() 方法将所需的信息添加进去。
  3. 将模块添加到容器:最后,将生成的新模块(每条记录)添加到 #dataContainer 内。

通过这种方式,你就可以在页面上展示多个客户信息,每个客户信息占据一个独立的模块,无需修改原始 HTML,只使用 JavaScript 动态生成内容。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=20620

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?