如何使用AJAX生成表单?

时间:2009-10-08 15:33:44

标签: javascript html ajax forms

如何生成ajax表单?

您是将<form> - 代码保存在javascript文件中并使用ajax(例如JSON)加载数据,还是加载生成的html文件(包含所有<form>和{ {1}}你只是推送到浏览器)?还是有另一种更简单的方法吗?

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

您最容易跟上和维护什么? 有没有找到有用的插件或库,可能是jQuery的东西?

1 个答案:

答案 0 :(得分:1)

jQuery库中有一个解决方案

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

使用HTTP GET请求加载远程页面。   这是一种简单的方法,可以将简单的GET请求发送到服务器,而无需使用更复杂的$ .ajax函数。它允许指定一个回调函数,该函数将在请求完成时执行(并且仅当响应具有成功的响应代码时)。如果您需要同时具有错误和成功回调,则可能需要使用$ .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' }