​​回到目录​​

​​前一篇文章​​主要介绍了如何通过ＪＱ实现异步数据的访问与操作，写法上是最标准的.ajax完整形式，这讲主要把剩下的简写形式说一下。

前言：以下是整理的异步请求时的参数说明

//$ajax异步通用参数说明，[]里面的参数是可以省略的
        //url,[data],[callback],[type]
        //data:待发送 Key/value 参数。
        //callback:载入成功时回调函数。
        //type:返回内容格式，xml, html, script, json,

$.load() 载入远程 HTML 文件代码并插入至 DOM 中

//$.load格式
        //url,[data,[callback]]

​​$.get() 向指定页面发ＧＥＴ请求
​

//$.get格式
        $.get("ajaxData.htm", function (data) {
            $("#gets").html(data);
        }, "html");

​​$.getJSON​​()　向指定页面获取ＪＳＯＮ对象

//$.getJSON格式
        //url, [data], [callback]
        $.getJSON("img.js", function (json) {
            alert("OK");
            $("#getjsons").attr({ "src": json[0].src, "alt": json[0].alt });
        });

​​$.getScript()　装载指定ＪＳ文件​​

//$.getScript格式
        //url, [callback]
        $.getScript("img.js", function

​​$.post()　向指定页面发ＰＯＳＴ请求​​

//$.post格式
        //url,[data],[callback],[type]
        $.post("test.ashx", { name: "John", time: "2pm" }); //普通参数
        $.post("test.ashx", $("#testform").serialize()); //表单参数（序列化表单参数，实现上把参数用&分开的）

​​$.serialize()　序列化表单元素​​

<form>
  <input type="text" name="name" value="zzl"/><input type="text" name="email" value="bfyxzls@sina.com" checked="checked"/><input type="test" name="addr" value="fangshan.beijing" checked="checked"/></form>
console.log($("form").serialize());

​​$.serializeArray() 序列化表格元素返回 JSON 数据结构数据
​

console.log($("form").serialize());

结果为：

[ 
     {name: 'name', value: 'zzl'}, 
     {name: 'email', value: 'bfyxzls'},
     {name: 'addr',value:'fangshan.beijing'}
 ]

恩，关于ＪＱ的异步操作讲到这里也差不多了，非常感谢您的阅读！

​​回到目录​​

作者：仓储大叔，张占岭，
荣誉：微软MVP