DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery入門技巧 >> jQuery Ajax請求後台數據並在前台接收
jQuery Ajax請求後台數據並在前台接收
編輯:JQuery入門技巧     

1、前台使用jQuery ajax請求

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

2、在action裡面使用response.getWriter()的PrintWriter對象將數據打印到前台

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對象打印到前台是一個json字符串,在第一步的ajax請求的success返回的data取到的就是這個permision對象,所以使用data.add就個可以取到json對象的值,如果後台打印到前台的數據不是json的話而是list對象使用data[0]這樣也可以取到,但是推薦son傳遞。

以上所述是小編給大家介紹的jQuery Ajax請求後台數據並在前台接收,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved