• <button id="eiyoe"><acronym id="eiyoe"></acronym></button>
    <em id="eiyoe"></em>

  • <rp id="eiyoe"><acronym id="eiyoe"><input id="eiyoe"></input></acronym></rp>
      查看: 2573|回復: 0
      上一主題 下一主題

      jQuery - AJAX load() 方法

      1298

      主題

      0

      好友

      39

      積分

      管理員 離線 發信

      跳轉到指定樓層
      樓主
      發表于 2014-02-19 15:35 | 只看該作者 | 倒序瀏覽

      jQuery - AJAX load() 方法

      jQuery load() 方法

      jQuery load() 方法是簡單但強大的 AJAX 方法。

      load() 方法從服務器加載數據,并把返回的數據放入被選元素中。

      語法:

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

      必需的 URL 參數規定您希望加載的 URL。

      可選的 data 參數規定與請求一同發送的查詢字符串鍵/值對集合。

      可選的 callback 參數是 load() 方法完成后所執行的函數名稱。

      這是示例文件("demo_test.txt")的內容:

      <h2>jQuery and AJAX is FUN!!!</h2><p id="p1">This is some text in a paragraph.</p>

      下面的例子會把文件 "demo_test.txt" 的內容加載到指定的 <div> 元素中:

      示例

      $("#div1").load("demo_test.txt");

      親自試一試

      也可以把 jQuery 選擇器添加到 URL 參數。

      下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的內容,加載到指定的 <div> 元素中:

      實例

      $("#div1").load("demo_test.txt #p1");

      親自試一試

      可選的 callback 參數規定當 load() 方法完成后所要允許的回調函數?;卣{函數可以設置不同的參數:

      • responseTxt - 包含調用成功時的結果內容
      • statusTXT - 包含調用的狀態
      • xhr - 包含 XMLHttpRequest 對象

      下面的例子會在 load() 方法完成后顯示一個提示框。如果 load() 方法已成功,則顯示“外部內容加載成功!”,而如果失敗,則顯示錯誤消息:

      實例

      $("button").click(function(){ $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){  if(statusTxt=="success")   alert("外部內容加載成功!");  if(statusTxt=="error")   alert("Error: "+xhr.status+": "+xhr.statusText); });});

      親自試一試

      jQuery AJAX 參考手冊

      如需完整的 AJAX 方法參考,請訪問我們的 jQuery AJAX 參考手冊。

      來源:http://www.w3school.com.cn/jquery/jquery_ajax_load.asp