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

回到目录

前一篇文章主要介绍了如何通过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格式
        $.get("ajaxData.htm", function (data) {
            $("#gets").html(data);
        }, "html");

$.getJSON() 向指定页面获取JSON对象

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

$.getScript() 装载指定JS文件

     //$.getScript格式
        //url, [callback]
        $.getScript("img.js", function () { alert("img.js装载成功!") });

$.post() 向指定页面发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'}
 ]

恩,关于JQ的异步操作讲到这里也差不多了,非常感谢您的阅读!

回到目录

posted @ 2013-01-18 13:26  张占岭  阅读(2484)  评论(1编辑  收藏  举报