JQuery真的不难～第六回 JQ中的异步调用方式~续

回到目录

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

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

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

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

 　　　　//$.load格式
        //url,[data,[callback]]
        $("#load").load("ajaxData.htm");

$.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 () { alert("img.js装载成功！") });

$.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'}
 ]

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

回到目录