JQuery真的不難~第六回 JQ中(zhong)的異步調(diao)用方(fang)式~續
前一篇文章主要介(jie)紹了如何通過JQ實(shi)現異步數據的(de)訪問與操作,寫法上是最標準的(de).ajax完整形式,這講主要把剩下的(de)簡寫形式說一下。
前言:以下是整理的異步請求時的參數說明
//$ajax異步通用參(can)數(shu)(shu)(shu)說(shuo)明,[]里面的(de)參(can)數(shu)(shu)(shu)是可以省(sheng)略的(de)
//url,[data],[callback],[type]
//data:待發送 Key/value 參(can)數(shu)(shu)(shu)。
//callback:載入成功時回(hui)調函(han)數(shu)(shu)(shu)。
//type:返(fan)回(hui)內容格式,xml, html, script, json,
$.load() 載入遠程 HTML 文件代碼并插入至 DOM 中
//$.load格(ge)式 //url,[data,[callback]] $("#load").load("ajaxData.htm");
$.get() 向指定頁面發GET請求
//$.get格式 $.get("ajaxData.htm", function (data) { $("#gets").html(data); }, "html");
$.getJSON() 向指定頁面獲取JSON對象
//$.getJSON格(ge)式 //url, [data], [callback] $.getJSON("img.js", function (json) { alert("OK"); $("#getjsons").attr({ "src": json[0].src, "alt": json[0].alt }); });
$.getScript() 裝載指定JS文件
//$.getScript格式(shi) //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()); //表單(dan)參數(shu)(序(xu)列化表單(dan)參數(shu),實現上把參數(shu)用&分開的(de))
$.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'} ]
恩,關于(yu)JQ的(de)異步操作講到這里也差不多了(le),非常感(gan)謝您(nin)的(de)閱讀(du)!