jQuery基礎篇（五）Ajax和工具類函數__大資料

Ajax-load()

使用load()方法通過Ajax請求載入伺服器中的資料，並把返回的資料放置到指定的元素中，它的格式為：url，網路請求地址；data，選擇性參數，請求時發送的資料；callback，請求成功後的回呼函數。

$.load(url, [data], [callback]); Ajax-getJSON()

使用getJSON()方法通過Ajax請求載入伺服器中的資料，並將伺服器的資料進行解析，在callback中調用，它的調用格式：比如擷取的是Person對象，那麼在callback中形參data就是一個Person實體。

$.getJSON(url, [data], callback); Ajax-getScript()

使用getScript()方法通過Ajax請求伺服器中的js檔案，在calback中執行伺服器上的js代碼，它的調用格式：

$.getScript(url, [data], [callback]); Ajax-get()

採用GET方式向伺服器請求資料，並通過方法中回呼函數的參數返回請求的資料，它的調用格式為：

$.get(url, [callback]);

來舉個例子，用get方式向一個地址進行請求，將返回資料JSON處理後通過callback返回：

$.get("http://www.imooc.com/data/info_f.php", function(data){    //data.name    //data.say}, "JSON");

Ajax-post()

post方式請求伺服器資料，它的調用格式為：

$.post(url, [data], [callback]);

來舉個簡單的例子：

$.post("http://www.imooc.com/data/check_f.php", {    name: "qdl",    age: 25}, function(data){    //data.name    //data.say});

Ajax-ajax()

它是最底層、功能最強大的請求伺服器資料方式，它的調用格式為：

$.ajax([settings]);

我們來介紹一下settings配置參數： url，請求的伺服器路徑； data，請求時傳遞的參數； dataType，伺服器返回的資料類型； success，請求成功時的回調； type，請求方式，預設get。

舉個例子吧：

$.ajax({    url: "http://www.imooc.com/data/check_f.php",    data: { name: "qdl" },    dataType: "text",    success: function(data){ alert("請求成功"); },    type: "POST"});

Ajax-ajaxSetup()

比如我們的項目所有請求都是POST方式，且返回資料都是JSON格式的，我們只需調用一次ajaxSetup()來設定全域的參數。調用格式和ajax()一樣。 Ajax-ajaxStart()和ajaxStop()

ajaxStart()和ajaxStop()方法是綁定Ajax事件。ajaxStart()方法用於在Ajax請求發出前觸發函數，ajaxStop()方法用於在Ajax請求完成後觸發函數。它們的調用格式為：

$(selector).ajaxStart(function())

$(selector).ajaxStop(function())

當發送Ajax請求前執行ajaxStart()方法綁定的函數，請求成功後，執行ajaxStop ()方法綁定的函數。 工具類函數

1. 擷取瀏覽器的名稱與版本資訊

$.browser.chrome為true，當前就是chrome瀏覽器，為false則不是。$.browser.version方式擷取版本資訊。

2. 是否屬於W3C盒子模型

$.support.boxModel，為true屬於，為false不屬於

3. 對象是否為空白

$.isEmptyObject(obj);

4. 是否為原始對象

$.isPlainObject(obj);//能檢測對象是否為通過{}或new Object()關鍵字建立的原始對象

5. 節點的內含項目關聯性

$.contains(node_a, node_b)；節點node_a是否包含節點node_b。