如果想用表单形式展示呢-Go服务器开发

如果你想以表单形式展示返回的数据，可以使用HTML表单元素和JavaScript来动态创建和填充表单。以下是一个简单的示例：

HTML部分：

<form id="dataForm">
  <div>
    <label for="customerName">Customer Name:</label>
    <input type="text" id="customerName" name="customerName">
  </div>
  <div>
    <label for="customerCodes">Customer Codes:</label>
    <input type="text" id="customerCodes" name="customerCodes">
  </div>
  <!-- 其他字段的输入框 -->
</form>

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

JavaScript部分：

success: function(res) {
  var dialogData = JSON.parse(res);
  if (dialogData.success) {
    var dataForm = document.getElementById('dataForm');
    var dataContainer = document.getElementById('dataContainer');

    for (let i = 0; i < dialogData.data.length; i++) {
      var dataItem = dialogData.data[i];
      // 创建新的表单实例并设置属性值
      var formData = new FormData(dataForm);

      formData.set('customerName', dataItem.name);
      formData.set('customerCodes', dataItem.customerId);
      // 设置其他字段值

      // 创建新的表单元素
      var newForm = document.createElement('form');
      newForm.innerHTML = dataForm.innerHTML;

      // 填充新表单的字段值
      for (let pair of formData.entries()) {
        var inputField = newForm.querySelector(`[name="${pair[0]}"]`);
        if (inputField) {
          inputField.value = pair[1];
        }
      }

      // 将新表单添加到大盒子中
      dataContainer.appendChild(newForm);
    }

    // 隐藏原始的表单
    dataForm.style.display = 'none';
  }
},

在这个示例中，我们先定义了一个HTML表单，并给每个字段设置了唯一的ID和name属性。然后使用JavaScript动态创建一个与原始表单结构相同的新表单实例，并根据返回的数据填充对应的字段值。

最后，将新表单添加到大盒子（dataContainer）中，并隐藏原始表单。

请注意，这只是一个简单的示例，你可以根据具体需求进行修改和优化。

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