如何在jQuery中調(diào)用Ajax-創(chuàng)新互聯(lián)
今天就跟大家聊聊有關(guān)如何在jQuery中調(diào)用Ajax，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。
創(chuàng)新互聯(lián)是由多位在大型網(wǎng)絡(luò)公司、
廣告設(shè)計公司的優(yōu)秀設(shè)計人員和策劃人員組成的一個具有豐富經(jīng)驗的團(tuán)隊，其中包括網(wǎng)站策劃、網(wǎng)頁美工、網(wǎng)站程序員、網(wǎng)頁設(shè)計師、平面廣告設(shè)計師、網(wǎng)絡(luò)營銷人員及形象策劃。承接：網(wǎng)站設(shè)計、
網(wǎng)站建設(shè)、網(wǎng)站改版、網(wǎng)頁設(shè)計制作、網(wǎng)站建設(shè)與維護(hù)、網(wǎng)絡(luò)推廣、數(shù)據(jù)庫開發(fā),以高性價比制作企業(yè)網(wǎng)站、行業(yè)門戶平臺等全方位的服務(wù)。
建立一個簡單的html文件：
$(function(){
//按鈕單擊時執(zhí)行
$("#testAjax").click(function(){
//取Ajax返回結(jié)果
//為了簡單，這里簡單地從文件中讀取內(nèi)容作為返回數(shù)據(jù)
htmlobj=$.ajax({url:"/Readme.txt",async:false});
//顯示Ajax返回結(jié)果
$("#myDiv").html(htmlobj.responseText);
});
});
通過 AJAX 改變文本
Ajax改變內(nèi)容
好了，點擊按鈕就可以看到效果了。
當(dāng)然，jQuery的Ajax調(diào)用可以控制項很多，這里演示了簡單的調(diào)用。
注意你自己的jquery引用路徑。
好吧，做一個調(diào)用后臺的例子：
$(function(){
//按鈕單擊時執(zhí)行
$("#testAjax").click(function(){
//Ajax調(diào)用處理
var html = $.ajax({
type: "POST",
url: "test.php",
data: "name=garfield&age=18",
async: false
}).responseText;
$("#myDiv").html(''+html+'
');
});
});
通過 AJAX 改變文本
Ajax改變內(nèi)容
后臺test.php文件代碼：
當(dāng)然，我們還可以這樣來調(diào)用Ajax:
$(function(){
//按鈕單擊時執(zhí)行
$("#testAjax").click(function(){
//Ajax調(diào)用處理
$.ajax({
type: "POST",
url: "test.php",
data: "name=garfield&age=18",
success: function(data){
$("#myDiv").html(''+data+'
');
}
});
});
});
通過 AJAX 改變文本
重慶分公司
重慶分公司
