不懂a(chǎn)jax和jQurey如何實現(xiàn)局部刷新?？其實想解決這個問題也不難，下面讓小編帶著大家一起學(xué)習(xí)怎么去解決，希望大家閱讀完這篇文章后大所收獲。
成都創(chuàng)新互聯(lián)服務(wù)項目包括瓊結(jié)網(wǎng)站建設(shè)、瓊結(jié)網(wǎng)站制作、瓊結(jié)網(wǎng)頁制作以及瓊結(jié)網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，瓊結(jié)網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到瓊結(jié)省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！
1、jQurey使用時需導(dǎo)入jquery-1.4.2.js在web文件夾下
并在寫script時需像如下定義script標(biāo)簽：
2、jQurey的語法：通過$(要選取的元素)
定義響應(yīng)ajax的Servlet
重慶分公司
重慶分公司
String buttonName=request.getParameter("buttonName");
JSONObject jsObject =null; //定義一個要返回的的數(shù)據(jù)
if (buttonName.equals("button_1")){
jsObject=new JSONObject("{first:\"傻子\",second:\"傻子\",third:\"傻子\"}"); //以鍵值對方式存儲
}
if (buttonName.equals("button_2")){
jsObject=new JSONObject("{first:\"傻女\",second:\"傻女\",third:\"傻女\"}");
}
if (buttonName.equals("button_3")){
jsObject=new JSONObject("{first:\"傻佬\(zhòng)",second:\"傻佬\(zhòng)",third:\"傻佬\(zhòng)"}");
}
response.getOutputStream().write(jsObject.toString().getBytes("utf-8")); //通過respon.getOutputStream獲取輸出流 將數(shù)據(jù)傳回jsp頁面
}ajax使用形式如下：
$.ajax({
url:"/AJAX_war_exploded/ClickServlet", //定義需轉(zhuǎn)到的Servlet
type:"post", //定義提交的形式
data:{ //定義要傳遞的數(shù)據(jù)，以鍵值對形式存儲
buttonName:"button_2"
}, //每個ajax都會讓Servlet回傳一個數(shù)據(jù)
dataType:"json", //定義回傳數(shù)據(jù)的類型
success:function(result){ //ajax收到回傳的數(shù)據(jù)是會觸發(fā)的事件success
var first=result.first;
var second=result.second;
var third=result.third;
$(".first")[0].innerHTML=first; //該形式使用了jQuery獲取html元素
$(".second")[0].innerHTML=second;
$(".third")[0].innerHTML=third;
}
})
})感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享ajax和jQurey如何實現(xiàn)局部刷新?內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!
