• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    jQuery的ajax传参巧用JSON使用示例(附Json插件)
    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/
    您可能感兴趣的文章:
    • html+js+php一次原始的Ajax请求示例
    • jquery教程ajax请求json数据示例
    • 使用$.getJSON实现跨域ajax请求示例代码
    • jQuery中使用Ajax获取JSON格式数据示例代码
    • jquery ajax对特殊字符进行转义防止js注入使用示例
    • 通过AJAX的JS、JQuery两种方式解析XML示例介绍
    • ajax后台处理返回json值示例代码
    • AJAX如何接收JSON数据示例介绍
    • 浅析ajax请求json数据并用js解析(示例分析)
    • JavaScript中的ajax功能的概念和示例详解
    上一篇:PHP+AJAX无刷新实现返回天气预报数据
    下一篇:ajax jquery 异步表单验证示例代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    jQuery的ajax传参巧用JSON使用示例(附Json插件) jQuery,的,ajax,传参,巧用,