快捷導(dǎo)航

jQuery Ajax請(qǐng)求后臺(tái)數(shù)據(jù)并在前臺(tái)接收

更新時(shí)間：2016年12月10日 10:00:45 作者：LexNg

這篇文章主要介紹了jQuery Ajax請(qǐng)求后臺(tái)數(shù)據(jù)并在前臺(tái)接收的相關(guān)資料,需要的朋友可以參考下

1、前臺(tái)使用jQuery ajax請(qǐng)求

$.ajax({
url: "r_getRolePer.action",
dataType:'json', 
data: {userId:"1"}, //請(qǐng)求的附加參數(shù)，用json對(duì)象
method:'POST',
success: function(data){
$.messager.alert('消息',data.add,'');
//這里使用的時(shí)easyui的格式
},
});

2、在action里面使用response.getWriter()的PrintWriter對(duì)象將數(shù)據(jù)打印到前臺(tái)

public PrintWriter out()throws IOException{
HttpServletResponse response=ServletActionContext.getResponse(); 
    response.setContentType("text/html"); 
    response.setContentType("text/plain; charset=utf-8");
    PrintWriter out= response.getWriter();
    return out;
}
*******
JSONObject permision = new JSONObject();
permision.put("add", 0);
permision.put("delete", 0);
permision.put("update", 0);
out().print(permision.toString());
out().flush();
out().close();

注意這里將permision對(duì)象打印到前臺(tái)是一個(gè)json字符串，在第一步的ajax請(qǐng)求的success返回的data取到的就是這個(gè)permision對(duì)象，所以使用data.add就個(gè)可以取到j(luò)son對(duì)象的值，如果后臺(tái)打印到前臺(tái)的數(shù)據(jù)不是json的話而是list對(duì)象使用data[0]這樣也可以取到，但是推薦son傳遞。

以上所述是小編給大家介紹的jQuery Ajax請(qǐng)求后臺(tái)數(shù)據(jù)并在前臺(tái)接收，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

您可能感興趣的文章:

相關(guān)文章

非常有用的40款jQuery 插件推薦（系列二）
jQuery 是一個(gè)非常優(yōu)秀的 JavaScript 框架，在現(xiàn)在的 Web 開發(fā)項(xiàng)目中扮演著重要角色。jQuery 使用簡(jiǎn)單靈活，同時(shí)還有許多成熟的插件可供選擇，它可以幫助你在項(xiàng)目中加入一些非常好的效果，讓網(wǎng)站有更好的可用性和用戶體驗(yàn)
2011-12-12
jQuery制作簡(jiǎn)潔的圖片輪播效果
這篇文章主要介紹了jQuery制作簡(jiǎn)潔的圖片輪播效果，代碼非常的精簡(jiǎn)，小伙伴們可以自己美化下，自由擴(kuò)展。
2015-04-04
jquery獲取table中的某行全部td的內(nèi)容方法
jquery獲取table中的某行全部td的內(nèi)容方法，需要的朋友可以參考一下
2013-03-03
jQuery Easy UI中根據(jù)第一個(gè)下拉框選中的值設(shè)置第二個(gè)下拉框是否可以編輯
這篇文章主要介紹了jQuery Easy UI中根據(jù)第一個(gè)下拉框選中的值設(shè)置第二個(gè)下拉框是否可以編輯的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-11-11
html組件不可輸入(只讀)同時(shí)任何組件都有效
在開發(fā)過程中經(jīng)常會(huì)碰到讓html組件不可輸入(只讀)，任何組件都有效的情況，接下來將為大家詳細(xì)實(shí)現(xiàn)下，感興趣的朋友可以參考下哈
2013-04-04
js實(shí)現(xiàn)圖片放大縮小功能后進(jìn)行復(fù)雜排序的方法
這是一個(gè)基于jquery的圖片效果，它的作用是：當(dāng)圖片點(diǎn)擊變大(變小)時(shí)，其它圖片按照一定的規(guī)則進(jìn)行排序運(yùn)動(dòng)
2012-11-11
jquery動(dòng)態(tài)加載select下拉框示例代碼
動(dòng)態(tài)加載select下拉框的實(shí)現(xiàn)方法有很多，在接下來的文章中為大家介紹下jquery是如何實(shí)現(xiàn)的
2013-12-12
jQuery實(shí)現(xiàn)可以計(jì)算進(jìn)制轉(zhuǎn)換的計(jì)算器
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)可以計(jì)算進(jìn)制轉(zhuǎn)換的計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-10-10
EasyUI中的tree用法介紹
不知不覺10月都結(jié)束了，又要到年底了。看看自己上次寫過的文章后，已經(jīng)2個(gè)月都沒寫東西了
2011-11-11
jQuery中JSONP的兩種實(shí)現(xiàn)方式詳解
這篇文章主要介紹了jQuery中JSONP的兩種實(shí)現(xiàn)方式詳解的相關(guān)資料,需要的朋友可以參考下
2016-09-09