1. 程式人生 > >JQuery學習筆記——Ajax

JQuery學習筆記——Ajax

1、Ajax——在不過載全部頁面的情況下實現部分頁面的更新

    (非同步 JavaScript 和 XML(Asynchronous JavaScript and XML))

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

    load() 方法從伺服器載入資料,並把返回的資料放入被選元素中。

語法: 

$(selector).load(URL,data,callback);
  • 必須的URL規定需要載入的URL
  • 可選的data引數規定與請求一同傳送的查詢鍵/值對集合
  • 可選的callback引數是loda()方法完成後執行的函式名稱

callback可以設定不同的引數

  • responseTxt——包含呼叫成功時的結果內容
  • statusTxt——包含呼叫的狀態
  • xhr——包含XMLHttpRequst物件

2、jQuery - AJAX get() 和 post()  方法

  • 兩種常用的在客戶端和伺服器端進行請求—響應的方法
  • 都常用於從伺服器獲得(取回)資料
  • get()      從指定的資源請求資料,get() 方法可能返回快取資料
  • post()    向指定的資源提交要處理的資料,post() 方法不會快取資料,且常用於連同請求一起傳送資料

2.1、JQuery $.get() 方法 

語法

$.get(URL,callback);
  •  必須的url 引數規定想請求的url
  • 可選的callback引數請求成功後希望執行的函式