jQuery.get(url, [data], [callback], [type])

【寫在前面】

原文地址：http://jquery.cuishifeng.cn/jQuery.get.html

 

概述

經過遠程 HTTP GET 請求載入信息。

這是一個簡單的 GET 請求功能以取代複雜 $.ajax 。請求成功時可調用回調函數。若是須要在出錯時執行函數，請使用 $.ajax。

jQuery 1.12 中 jQuery.post 和 jQuery.get 支持對象參數，這樣一來好處還比較多，好比設置回調函數的context，或者跨域 post 時能夠withCredential: true。用法能夠參考最後一個示例。

參數

url,[data],[callback],[type]String,Map,Function,StringV1.0

url:待載入頁面的URL地址

data:待發送 Key/value 參數。

callback:載入成功時回調函數。

type:返回內容格式，xml, html, script, json, text, _default。

示例

描述:

請求 test.php 網頁，忽略返回值。

jQuery 代碼:

$.get("test.php");

描述:

請求 test.php 網頁，傳送2個參數，忽略返回值。

jQuery 代碼:

$.get("test.php", { name: "John", time: "2pm" } );

描述:

顯示 test.php 返回值(HTML 或 XML，取決於返回值)。

jQuery 代碼:

$.get("test.php", function(data){
          alert("Data Loaded: " + data);
});

描述:

顯示 test.cgi 返回值(HTML 或 XML，取決於返回值)，添加一組請求參數。

jQuery 代碼:

$.get("test.cgi", { name: "John", time: "2pm" },
          function(data){
          alert("Data Loaded: " + data);
});

描述:

jQuery 1.12 中 jQuery.get()支持對象參數，具體的參數能夠參考 $.ajax()：

jQuery 代碼:

jQuery.post({
            url: 「/example」
});