jQuery的ajax功能是一種方便、快速、高效的方法,可以讓你在不刷新整個(gè)頁(yè)面的情況下向服務(wù)器請(qǐng)求數(shù)據(jù),然后將返回值插入到網(wǎng)頁(yè)中。下面是一個(gè)簡(jiǎn)單的例子:
$(".submit").click(function() { var name = $(".name").val(); var place = $(".place").val(); $.ajax({ url: "submit.php", type: "POST", data: { name: name, place: place }, success: function(response) { $(".result").html(response); } }); });
首先,我們?yōu)橐粋€(gè)提交按鈕綁定了一個(gè)點(diǎn)擊事件,這個(gè)事件將調(diào)用一個(gè)函數(shù)來(lái)處理。函數(shù)從網(wǎng)頁(yè)中獲取了名字和地址,然后使用jQuery的ajax函數(shù)來(lái)發(fā)送POST請(qǐng)求到submit.php頁(yè)面。POST請(qǐng)求將包含名字和地址。一旦提交成功,jquery將使用callback函數(shù)來(lái)更新網(wǎng)頁(yè)。