脚本语言 订阅所有【脚本语言】的日志

jQuery.ajax向服务器端post提交json数据错误及解决方法

编辑:dnawo 日期:2022-12-11

字体大小: 小 中 大


客户端使用 jQuery.ajax向服务器端post提交json数据，代码如下：

复制内容到剪贴板程序代码 程序代码
apiPost = function(url, data){
    $.ajax({        
        url: url,        
        data: data,
        type: "post",
        async: true,
        dataType: "json",
        contentType: "application/json",
        success: function(response){console.log(response)}
    });
}

复制内容到剪贴板程序代码 程序代码
data = {"domain":"mzwu.com","date":"2005-03-28"};
apiPost("demo.ashx", data);

测试发现服务器端获取到的数据不是json格式，而是key/value格式：domain=mzwu.com&date=2005-03-28，对代码稍做修改(data加单引号)：

复制内容到剪贴板程序代码 程序代码
data = '{"domain":"mzwu.com","date":"2005-03-28"}';
apiPost("demo.ashx", data);

测试正常了，但这样不便于修改json数据，借助JSON.stringify方法，完美解决：

复制内容到剪贴板程序代码 程序代码
apiPost = function(url, data){
    $.ajax({        
        url: url,        
        data: JSON.stringify(data),
        type: "post",
        dataType: "json",
        async: true,
        contentType: "application/json",
        success: function(response){console.log(response)}
    });
}

复制内容到剪贴板程序代码 程序代码
data = {"domain":"mzwu.com","date":"2005-03-28"};
data.date = "2022-12-11";
apiPost("demo.ashx", data);


上一篇: C#声明List和Dictionary直接初始化示例
下一篇: 【API】菜鸟裹裹商家寄件发货平台接口文档
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志:
评论: 0 | 引用: 0 | 查看次数: 668
发表评论
请登录后再发表评论！