ZBLOG

$.ajax({ url: `../d/exemptionReduction/selectInforList?loanCodes=${loanCodes}`, contentType: 'application/json', type: 'POST', lang: defLanguage, async: false, success: function(res) { ...

如果你想在 JavaScript 中动态创建 HTML 输入框并将其值设置为从 AJAX 请求中获取的数据,你可以按照以下步骤进行。

  1. 动态生成输入框。
  2. 将 AJAX 请求的结果插入到这些输入框中。

下面是一个示例代码,展示了如何将 setValue 方法替换为创建 HTML <input> 元素并设置其值:

  1. $.ajax({
  2. url: `../d/exemptionReduction/selectInforList?loanCodes=${loanCodes}`,
  3. contentType: 'application/json',
  4. type: 'POST',
  5. lang: defLanguage,
  6. async: false,
  7. success: function(res) {
  8. var dialogData = JSON.parse(res);
  9. if (dialogData.success) {
  10. console.log(dialogData);
  11. // 清空之前的内容(如果需要)
  12. document.getElementById("inputContainer").innerHTML = "";
  13. for (let i = 0; i < dialogData.data.length; i++) {
  14. // 创建输入框并添加到页面中
  15. createInput('customerName', dialogData.data[i].name);
  16. createInput('customerCode', dialogData.data[i].customerId);
  17. createInput('idents', dialogData.data[i].ident);
  18. createInput('loanCode', dialogData.data[i].loanInfoCode);
  19. createInput('productCode', dialogData.data[i].productLine);
  20. createInput('productGroup', dialogData.data[i].productName);
  21. createInput('loanAmount', dialogData.data[i].loanAmount);
  22. createInput('contractCode', dialogData.data[i].contractCode);
  23. createInput('overduePrincipal', dialogData.data[i].overduePrincipal);
  24. createInput('overdueDay', dialogData.data[i].DPD);
  25. createInput('totalRemainingAmount', dialogData.data[i].totalRemainingAmount);
  26. createInput('interestPayable', dialogData.data[i].interestPayable);
  27. createInput('interestPenalty', dialogData.data[i].interestPenalty);
  28. createInput('committedRepaymentAmount', dialogData.data[i].committedRepaymentAmount);
  29. }
  30. } else {
  31. console.error('Failed to fetch data:', dialogData.message);
  32. }
  33. },
  34. });
  35. // 函数来创建输入框
  36. function createInput(name, value) {
  37. const inputContainer = document.getElementById("inputContainer");
  38. // 创建输入元素
  39. const input = document.createElement("input");
  40. input.type = "text";
  41. input.name = name;
  42. input.value = value;
  43. // 将输入元素添加到容器中
  44. inputContainer.appendChild(input);
  45. // 可选:添加标签以便用户识别
  46. const label = document.createElement("label");
  47. label.textContent = name;
  48. inputContainer.appendChild(label); // 添加标签在输入前面
  49. }

在你的 HTML 文件中需要有一个容器

确保你的 HTML 中有一个用于放置这些动态生成的输入框的容器。例如:

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

总结

这样,在调用 AJAX 成功后,你会根据返回的数据动态创建多个 <input> 元素,并将相应的值设置进去。每个字段都有对应的名称和初始值。这种方法允许你完全通过 JavaScript 来处理 UI 而不依赖于静态 HTML 文件。


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

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

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

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

联系我们

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

微信号:3007537140

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

关注我们
x

注册

已经有帐号?