jQuery的ajax传参巧用JSON使用示例(附Json插件)
2018-10-12 14:00
751 查看
jQuery的ajax调用很方便,传参的时候喜欢用Json的数据格式。比如:
这中间最麻烦,最容易出错的也是拼接Json字符串,字符型参数的值要添加引号,而且对于用户输入的文本字段要对',/等进行特殊处理
意外的机会,上司给我推荐了一种新的方法,看下面代码:
直接用$.toJSON(对象)即可;
jQuery的JSON插件:http://code.google.com/p/jquery-json/
function AddComment(content) {
var threadId = $("#span_thread_id").html();
var groupId = $("#span_group_id").html();
var groupType = $("#span_group_type").html();
var title = $("#thread_title").html();
var content = content.replace(/\x22/g,'"');
$.ajax({
url: '/WebService/GroupService.asmx/AddThreadComment',
data: '{threadId:' + threadId + ',groupId:' + groupId + ',groupType:' + groupType + ',title:"' + title + '",content:"' + content + '"}', type: 'post',
dataType: 'json',
contentType: 'application/json;charset=utf-8',
cache: false,
success: function(data) {
//根据返回值data.d判断是不是成功
},
error: function(xhr) {
//中间发生异常,查看xhr.responseText
}
});
}
这中间最麻烦,最容易出错的也是拼接Json字符串,字符型参数的值要添加引号,而且对于用户输入的文本字段要对',/等进行特殊处理
意外的机会,上司给我推荐了一种新的方法,看下面代码:
function AddComment(content) {
var comment = {};
comment.threadId = $("#span_thread_id").html();
comment.groupId = $("#span_group_id").html();
comment.groupType = $("#span_group_type").html();
comment.title = $("#thread_title").html();
comment.content = content;
$.ajax({
url: '/WebService/GroupService.asmx/AddThreadComment',
data: $.toJSON(comment),
type: 'post',
dataType: 'json',
contentType: 'application/json;charset=utf-8',
cache: false,
success: function(data) {
//根据返回值data.d处理
},
error: function(xhr) {
//中间发生异常,具体查看xhr.responseText
}
});
}
直接用$.toJSON(对象)即可;
jQuery的JSON插件:http://code.google.com/p/jquery-json/
您可能感兴趣的文章:
相关文章推荐
- jQuery的ajax传参巧用JSON使用示例(附Json插件)
- 使用jquery插件ajaxfileupload一次上传多个文件,示例
- jQuery中使用Ajax获取JSON格式数据示例代码
- jquery上传插件AjaxUpload使用示例
- jQuery使用ajax方法解析返回的json数据功能示例
- jQuery中使用Ajax获取JSON格式数据示例代码
- jQuery中使用Ajax获取JSON格式数据示例代码
- JQuery AJAX & JSON 使用示例一步到位 (DEMO:ASP.NET + MSSQL 无限级树形菜单)
- jQuery的ajax传参巧用JSON (转Json插件)
- [原创]jPagerBar1.2发布(一个适合Ajax+JSON+jQuery环境使用的多功能页码栏插件)(Demo、源文件下载已更新)
- struts2 + spring +jquery实现AJAX (使用了struts2 的json插件)
- [原创]jPagerBar1.2发布-jquery分页插件(一个适合Ajax+JSON+jQuery环境使用的多功能页码栏插件)(Demo、源文件下载已更新)
- Jquery 模板插件 jquery.tmpl.js 的使用方法(1):基本语法,绑定,each循环,ajax获取json数据
- FireFox中使用JQuery的ajaxfileupload插件返回JSON格式数据提示保存的解决方法。
- jQuery中使用Ajax获取JSON格式数据示例代码
- ajax获取json数据使用jquery分页插件显示
- 玩玩AJAX之使用ashx文件响应来自JQuery的JSON请求(转)
- Web框架——小编浅谈Struts2中使用JSON插件实现Ajax
- asp.net :使用jquery 的ajax +WebService+json 实现无刷新去后台值
- J2EE下使用AJAX(五) jsonplugin -- struts2下的AJAX插件