如何使用 AJAX 生成表单？

Question

如何生成 ajax 表单？

您是否将 <form> 代码保留在 javascript 文件中并使用 ajax（例如 JSON）加载数据，或者您是否加载生成的 html 文件（包含您所有的 <form> 和 <input>只需推送到浏览器）？还是有其他更简单的方法？

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

您认为最容易跟上和维护什么？ 有没有你觉得有用的插件或库，也许对 jQuery 有用？

Answer 1

jQuery库里有解决办法

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

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

$.get() 返回 XMLHttpRequest 它创造的。在大多数情况下，您 不需要该对象来操作 直接，但如果你可以使用 需要手动中止请求。

看看jQuery Documentation

例子：

$.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");

您的服务器响应的位置：

{ 'myName' : 'John' }