4 - jQuery AJAX

概念:


AJAX 是與服務器交換數(shù)據(jù)的技術,它在不重載全部頁面的情況下,實現(xiàn)了對部分網(wǎng)頁的更新

AJAX = 異步 JavaScript 和 XML(Asynchronous JavaScript and XML)


jQuery load() 方法:?(該方法是簡單但強大的 AJAX 方法)


$(selector).load(URL,data,callback);

第一個參數(shù): 必需的URL參數(shù)規(guī)定您希望加載的 URL

第二個參數(shù): 可選的data參數(shù)規(guī)定與請求一同發(fā)送的查詢字符串鍵/值對集合

第三個參數(shù): 可選的callback參數(shù)是 load() 方法完成后所執(zhí)行的函數(shù)名稱

*可選的 callback 參數(shù)規(guī)定當 load() 方法完成后所要允許的回調函數(shù)

---> responseTxt ? ?包含調用成功時的結果內容

---> statusTXT ? ? ??包含調用的狀態(tài)

---> xhr ? ? ? ? ? ? ? ? ?包含 XMLHttpRequest 對象


例子:

-------------------示例文件("demo.txt")的內容---------------

<h1>學好jQuery,娶得大美女</h1>

<p id="p1">段落文本生個小女孩</p>

---------------------------HTML代碼------------------------------

<div id="div1"><h1>使用 jQuery AJAX 修改文本</h1></div>

---------------------------jQuery代碼------------------------------

//獲取deme里面的內容

$("button").click(function()?{

$("#div1").load("/ys/demo.txt");

});


//獲取demo里元素id="p1"的內容

$("button").click(function(){

$("#div1").load("/ys/demo.txt #p1");

});


//加載完成后的回調

$("button").click(function(){

$("#div1").load("/ys/demo.txt",function(responseTxt,statusTxt,xhr){

if(statusTxt=="success")

alert("外部內容加載成功!");

if(statusTxt=="error")

alert("Error: "+xhr.status+": "+xhr.statusText);

});

});

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 通過jQuery,您可以選?。ú樵?,query)HTML元素,并對它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 719評論 0 3
  • 1.JQuery 基礎 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,271評論 0 1
  • 1.JQuery 基礎 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,498評論 0 2
  • 請記得在進行JQuery類庫的運用時,加入JQuery類庫,并且要保證先寫文檔就緒函數(shù) $(document).r...
    Sunshinemm閱讀 3,029評論 1 40
  • AJAX 原生js操作ajax 1.創(chuàng)建XMLHttpRequest對象 var xhr = new XMLHtt...
    碧玉含香閱讀 3,560評論 0 7

友情鏈接更多精彩內容