jQuery中ajax和post处理json的不同示例对比
作者:bea
近日在做门户的用户评论时,好长时间没有用jquery了正好用一下,没想到偷工用了post方法去处理ajax回调的json数据,死活取不到,后台就是有json返回了。不料这么小小一个问题挂了我好几个小时,后来我ajax方法处理,居然OK,一比较发现原来post方法回调json必须eval一下,而ajax方法做了默认处理了。 望各位小心。 function haha() {jQuery.post("addComment!comment.action",function aa(
近日在做门户的用户评论时,好长时间没有用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>
有用 | 无用
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>
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 5个书写JavaScript代码的坏习惯,看看你中枪了没?
- javascript解析json实例详解
- JavaScript中发布/订阅模式的简单实例
- JavaScript不刷新实现浏览器的前进后退功能
- Javascript检查图片大小不要让大图片撑破页面
- node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
- node.js中Socket.IO的进阶使用技巧
- node.js中的Socket.IO使用实例
- Node.js的特点和应用场景介绍
- Node.js中的模块机制学习笔记
- Node.js异步I/O学习笔记
- JavaScript中的ubound函数使用实例
- JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
- 网页中表单按回车就自动提交的问题的解决方案
- 详解jquery中$.ajax方法提交表单
- jquery处理json对象
- js格式化时间小结
- 解决js下referer兼容各大浏览器的方法
- jQuery修改li下的样式以及li下的img的src的值的方法