前一篇文章主要介绍了如何通过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的异步操作讲到这里也差不多了,非常感谢您的阅读!
本文转自博客园张占岭(仓储大叔)的博客,原文链接:JQuery真的不难~第六回 JQ中的异步调用方式~续,如需转载请自行联系原博主。