Javascript 如何使用AJAX生成表单？

如何生成ajax表单

您是将

-代码保存在javascript文件中，并使用ajax（例如JSON）加载数据，还是加载生成的html文件（将所有

和

推送到浏览器）？还是有其他更简单的方法

如果您使用任何框架，是否会从模型中自动生成表单

您发现什么最容易保持和维护？

---

是否有您认为有用的插件或库，可能是jQuery的某些功能？

jQuery库中有一个解决方案

 jQuery.get( url, [data], [callback], [type] ) 

使用HTTP GET请求加载远程页面。 这是一种向服务器发送简单GET请求的简单方法，无需使用更复杂的$.ajax函数。它允许指定一个回调函数，该函数将在请求完成时执行（并且仅当响应具有成功的响应代码时）。如果需要同时进行错误和成功回调，则可能需要使用$.ajax

$.get（）返回XMLHttpRequest 它所创造的。在大多数情况下，你 不需要那个对象来操纵 直接，但如果您愿意，它是可用的 需要手动中止请求

看一看这本书

例如：

$.get("someForm.pl", { name: "John" },
  function(data){
    $(data).appendTo(document.body); // you might place it somewhere else
  });

编辑：

仅更改现有dom值的示例：

<form id="myForm"><input id="myName" /></form>

$.get("someForm.pl", { name: "John" },
  function(data){
    $("#myForm").each(function(){
      this.value = data[this.id];
    });
  },"json");

---

jQuery库中有一个解决方案

 jQuery.get( url, [data], [callback], [type] ) 

使用HTTP GET请求加载远程页面。 这是一种向服务器发送简单GET请求的简单方法，无需使用更复杂的$.ajax函数。它允许指定一个回调函数，该函数将在请求完成时执行（并且仅当响应具有成功的响应代码时）。如果需要同时进行错误和成功回调，则可能需要使用$.ajax

$.get（）返回XMLHttpRequest 它所创造的。在大多数情况下，你 不需要那个对象来操纵 直接，但如果您愿意，它是可用的 需要手动中止请求

看一看这本书

例如：

$.get("someForm.pl", { name: "John" },
  function(data){
    $(data).appendTo(document.body); // you might place it somewhere else
  });

编辑：

仅更改现有dom值的示例：

<form id="myForm"><input id="myName" /></form>

$.get("someForm.pl", { name: "John" },
  function(data){
    $("#myForm").each(function(){
      this.value = data[this.id];
    });
  },"json");

---

通过AJAX生成表单，您希望实现什么？你只是想在页面上动态加载表单，还是对表单的结果做些什么？基本上，在功能上，添加/编辑/删除会更快更好。是的，动态加载表单。通过AJAX生成表单，您希望实现什么？你只是想在页面上动态加载表单，还是对表单的结果做些什么？基本上，在功能上，添加/编辑/删除会更快更好。是的，动态加载表单。那么在someForm.pl中打印

和所有内容？为什么在javascript中使用它并使用$（“#myinput”）.val（data.myfield）设置值不是更好呢？Sry我没有正确理解您的问题。使用现有DOM并只更改值会更快。您也可以使用$.get请求JSON数据。是的，现在您有两个文件，javascript和一个输出数据的文件。当你应该添加另一个字段时，你必须在两个文件中进行更改，我觉得这很烦人。不，正如你看到的那样，“myName”只存储在HTML和JSON中，而不存储在javascript中。所以在someForm.pl中，你打印出

和所有内容？为什么在javascript中使用它并使用$（“#myinput”）.val（data.myfield）设置值不是更好呢？Sry我没有正确理解您的问题。使用现有DOM并只更改值会更快。您也可以使用$.get请求JSON数据。是的，现在您有两个文件，javascript和一个输出数据的文件。当你应该添加另一个字段时，你必须在两个文件中进行更改，我觉得这很烦人。不，正如你所看到的，“myName”只存储在HTML和JSON中，而不存储在javascript中。