DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery中ajax和post處理json的不同示例對比
jQuery中ajax和post處理json的不同示例對比
編輯:JQuery特效代碼     

近日在做門戶的用戶評論時,好長時間沒有用jquery了正好用一下,沒想到偷工用了post方法去處理ajax回調的json數據,死活取不到,後台就是有json返回了。不料這麼小小一個問題掛了我好幾個小時,後來我ajax方法處理,居然OK,一比較發現原來post方法回調json必須eval一下,而ajax方法做了默認處理了。 望各位小心。

function haha() {
jQuery.post("addComment!comment.action",
function aa(data) {
data = eval(data);//POST方法必加,ajax方法自動處理了
alert(data[0].userId);
alert(data[0].userName);
},
"json"
);

jQuery.ajax({
type:"post",
url:"addComment!comment.action",
dataType:"json",
success: function aa(data) {
alert(data[0].userId);
alert(data[0].userName);
}
});
}

後台:

代碼如下:
public String comment() {
try{
User u = new User("user", "koko");
list = new ArrayList<User>();
list.add(u);
//map.put("id", userId);
// JSONObject jb = JSONObject.fromObject(list); // name:"+userName +",
// info = jb.toString();
System.out.println(list);
}
catch (Exception e) {
e.printStackTrace();
}
return SUCCESS;
}

配置:

代碼如下:
<package name="ajax" extends="json-default">
<action name="addComment" class="org.test.action.CommentAction">
<result type="json">
<param name="root">list</param>
</result>
</action>

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