jQuery的ajax传参巧用JSON使用示例(附Json插件)_AJAX相关教程-查字典教程网
jQuery的ajax传参巧用JSON使用示例(附Json插件)
jQuery的ajax传参巧用JSON使用示例(附Json插件)
发布时间:2016-12-29 来源:查字典编辑
摘要:jQuery的ajax调用很方便,传参的时候喜欢用Json的数据格式。比如:复制代码代码如下:functionAddComment(cont...

jQuery的ajax调用很方便,传参的时候喜欢用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/

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新AJAX相关学习
    热门AJAX相关学习
    编程开发子分类