jQuery AJAX - get() metode
Eksempel
Brug AJAX GET-anmodning til at ændre teksten i div-elementet:
$("button").click(function(){ $.get("demo_ajax_load.txt", function(result){ $("div").html(result); }); });
Definition og brug
get() metoden indlæser information via en fjern HTTP GET-anmodning.
Dette er en simpel GET-anmodning, der erstatter den komplekse $.ajax. Når anmodningen lykkes, kan callback-funktionen kaldes. Hvis du har brug for at køre en funktion ved fejl, skal du bruge $.ajax.
语法
$(selector).get()url,data,success(response,status,xhr),dataType)
参数 | 描述 |
---|---|
url | 必需。规定将请求发送的哪个 URL。 |
data | 可选。规定连同请求发送到服务器的数据。 |
success(response,status,xhr) |
可选。规定当请求成功时运行的函数。 额外的参数:
|
dataType |
可选。规定预计的服务器响应的数据类型。 默认地,jQuery 将智能判断。 可能的类型:
|
详细说明
该函数是简写的 Ajax 函数,等价于:
$.ajax({ url: url, data: data, success: success, dataType: dataType });
根据响应的不同的 MIME 类型,传递给 success 回调函数的返回数据也有所不同,这些数据可以是 XML root 元素、文本字符串、JavaScript 文件或者 JSON 对象。也可向 success 回调函数传递响应的文本状态。
对于 jQuery 1.4,也可以向 success 回调函数传递 XMLHttpRequest 对象。
示例
请求 test.php 网页,忽略返回值:
$.get("test.php");
更多示例
例子 1
请求 test.php 网页,传送2个参数,忽略返回值:
$.get("test.php", { name: "Bill", time: "2pm" } );
例子 2
显示 test.php 返回值(HTML 或 XML,取决于返回值):
$.get("test.php", function(data){ alert("Data Loaded: " + data); });
例子 3
显示 test.cgi 返回值(HTML 或 XML,取决于返回值),添加一组请求参数:
$.get("test.cgi", { name: "Bill", time: "2pm" }, function(data){ alert("Data Loaded: " + data); });