jQuery中ajax - get() 方法實例詳解

在jquery中使用get，post和ajax方法給伺服器端傳遞數據，以下透過本文繼續學習jQuery中ajax - get() 方法，具體介紹請看下文。

實例

使用 AJAX 的 GET 請求來更改 div 元素的文字：

$("button").click(function(){
 $.get("demo_ajax_load.txt", function(result){
 $("div").html(result);
 });
});

   

親自嘗試

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

語法

$(selector).get(url,data,success(response,status,xhr),dataType)

   

語法

$.ajax({
 url: url,
 data: data,
 success: success,
 dataType: dataType
});

   

 

詳細說明

此函數是簡寫的Ajax 函數，等價於：根據不同的反應調函數的回傳數據也有所不同，這些資料可以是XML root 元素、文字字串、JavaScript 檔案或JSON 物件。也可向 success 回呼函數傳遞回應的文字狀態。

對於 jQuery 1.4，也可以向 success 回呼函數傳遞 XMLHttpRequest 物件。

範例

請求test.php 網頁，忽略回傳值：

範例

請求test.php 網頁，忽略回傳值：

$.get("test.php");

更多範例

範例1

請求test.php 網頁，更多範例

範例1

請求test.php 網頁，更多範例

範例1

請求test.php 網頁，更多範例

範例1

請求test.php 網頁，更多範例

範例1

請求test.php 網頁，更多範例

範例1

請求test.php 網頁，更多範例

範例1

請求test.php 網頁，更多範例

範例忽略回傳值：

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

   

範例2

顯示test.php 回傳值(HTML 或XML，取決於傳回值)：🎜

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

🎜   🎜取決於回傳值)，新增一組請求參數：🎜

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

🎜  🎜🎜jquery ajax 的$.get（）用法詳情🎜🎜js檔案🎜

$(document).ready(function(){
 $("form").submit(function(event) {event.preventDefault()})//取消submit的默认行为
 $("form input[type='submit']").click(function(){
 var url = $('form').attr('action'); // 取Form中要提交的链接
 var param = {}; // 组装发送参数
 param['name'] = $('form input[name=name]').val();
 param['age'] = $('form input[name=age]').val();
 $.get(url, param, function(dom) { $('div.get').append(dom) }) ; // 发送并显示返回内容
 });
})

🎜 以上介紹就是本文跟大家分享的jQuery中ajax - get() 方法實例詳解，希望大家會喜歡。 🎜🎜更多jQuery中ajax - get() 方法實例詳解相關文章請關注PHP中文網！ 🎜