ajax请求的data数据格式

梦里梦外; 2021-06-26 16:06 473阅读 0赞

# `ajax`提交`data`类型 #

## 一、问题来源 ##

今天使用`ajax`时，发现`get`传`data`时，传递`json`字符串时传不过去参数，所以做了一些实验测试`ajax`的`get`和`post`的传递data时的不同。

## 二、概念 ##

`ajax`有三种传递传递`data`的方式：

*  `json`格式
 *  json字符串格式
 *  标准参数模式

### 1.`json`格式 ###

形如：

{ “username”:”chen”,”nickname”:”alien”}

ajax：

$.ajax({ 
        type:"post",
        url:"/test/saveUser",
        data:{ "username":"chen","nickname":"alien"},
        dataType:"json",
        success: function(data){ 
            console.log(data);
        }
    });

### 2.`json`字符串 ###

形如：  
`“{“username”:”chen”,”nickname”:”alien”}”` 或者`JSON.stringify({“username”:”chen”,”nickname”:”alien”})`

ajax：

$.ajax({ 
        type:"post",
        url:"/test/saveUser",
        data:JSON.stringify({ "username":"chen","nickname":"alien"}),
        contentType:"json/application"
        dataType:"json",
        success: function(data){ 
            console.log(data);
        }
    });

用此格式`get`请求参数传递不过去，不会把`json`串解析成参数  
而且需要添加 `contentType:”json/application”`

### 3.标准参数模式 ###

形如：

“username=chen&nickname=alien”

ajax：

$.ajax({ 
        type:"post",
        url:"/test/saveUser",
        data:"username=chen&nickname=alien",
        dataType:"json",
        success: function(data){ 
            console.log(data);
        }
    });

`$(“#form1”).serialize()` 就是把表单的数据拼成这个格式的字符串！

## 三、总结 ##

`post`请求能用1、2、3类型传递参数  
`get`请求能用1、3类型传递参数  
`$(“#form1”).serialize()` 是将对应表单中的`input`的`name`和`value`进行拼装，最后拼成3类型的字符串

一辈子很短，努力的做好两件事就好；第一件事是热爱生活，好好的去爱身边的人；第二件事是努力学习，在工作中取得不一样的成绩，实现自己的价值，而不是仅仅为了赚钱；

## `jquery.ajax`提交`data`数据格式 ##

最近需要通过`jquery` 的`Ajax`方法提交数据，但是是多个参数，查了一下《锋利的JQuery》（第2版），具体`data`的格式如下：

`data`提交的数据类型为：`Object` 或 `String`

`data`数据说明：发送到服务器的数据。如果不是字符串，将会被转换为字符串。

`GET`请求将会被附加到`URL`后面。防止自动转换。对象必须为`key/value`数据格式。

例如：`{foo1:"bar1",foo2:"bar2"}`转换为`&foo1=bar1&foo2=bar2`。

如果是数组，`JQuery`将自动为不同的值类型对应同一个名称。

例如：`{foo:["bar1","bar2"]}`转换为`&foo=bar1&foo=bar2`。