jq ajax传输数据类型错误

问题现象

当使用ajax进行数据交互时，后台需要验证数据类型，如必须是number类型时，若我们用默认ajax传输数据时，会把number类型变为字符串类型，从而报错参数类型错误

原因

ajax的contentType默认值为"application/x-www-form-urlencoded"。
contentType属性作用：规定在发送到服务器之前应该如何对表单数据进行编码。
“application/x-www-form-urlencoded”:窗体数据被编码为名称/值对。这是标准的编码格式。
即在传给服务器之前会把数据进行一次编码为名称/值对；
如当我们传输的data为：{a:1}，即提交的数据按a=1的方式进行url编码，发送到后台的数据为：“a=1”，php用$_POST[‘a’]来获取参数。
当php拿post()数据时，说明希望前端传入json格式。而前端若依旧使用contentType为"application/x-www-form-urlencoded"，则导致获取到的数据类型错误。

解决办法

设置contentType属性值为"application/json"。
“application/json”：告诉服务器数据是序列化的JSON字符串。
即ajax的请求为：

var data = {a: 1}
    $.ajax({
        type: 'post',
        url: "xxx.php",
        contentType: 'application/json',
        data: JSON.stringify(data),
        dataType: "json",
        success: function (data) {
            console.log(data);
        },
        error: function (msg) {
            console.log(msg)
        }
    })

总结

其实这种失误在于后台与前端数据交互沟通规定提交时的方式，以及对于contentType属性值的理解。
contentType对应form表单的enctype属性，规定请求头中Content-type字段，声明发送到服务端的数据格式编码。
"application/json"可以方便提交复杂的结构化数据，适合restful接口。