Http请求中 content-type 和 dataType 区别

contentType: 告诉服务器，我要发什么类型的数据

dataType：告诉服务器，我要想什么类型的数据，若是没有指定，那么会自动推断是返回 XML，仍是JSON，仍是script，仍是String。

 

$.ajax contentType 和 dataType , contentType 主要设置你发送给服务器的格式，dataType设置你收到服务器数据的格式。

在http 请求中，get 和 post 是最经常使用的。在 jquery 的 ajax 中， contentType都是默认的值：application/x-www-form-urlencoded，这种格式的特色就是，name/value 成为一组，每组之间用 & 联接，而 name与value 则是使用 = 链接。如： wwwh.baidu.com/q?key=fdsa&lang=zh 这是get , 而 post 请求则是使用请求体，参数不在 url 中，在请求体中的参数表现形式也是: key=fdsa&lang=zh的形式。

键值对这样组织在通常的状况下是没有什么问题的，这里说的通常是，不带嵌套类型JSON，也就是 简单的JSON，形如这样：

1 2 3 4 5

{      a: 1,      b: 2,      c: 3 }

可是在一些复杂的状况下就有问题了。 例如在 ajax 中你要传一个复杂的 json 对像，也就说是对象嵌数组，数组中包括对象，兄果你这样传：

1 2 3 4 5 6 7

{    data: {      a: [{        x: 2      }]    } }

这个复杂对象， application/x-www-form-urlencoded 这种形式是没有办法将复杂的 JSON 组织成键值对形式(固然也有方案这点能够参考 ) ,你传进去能够发送请求，可是服务端收到数据为空， 由于 ajax 没有办法知道怎样处理这个数据。

这怎么能够呢？

聪明的程序员发现 http 还能够自定义数据类型，因而就定义一种叫 application/json 的类型。这种类型是 text ， 咱们 ajax 的复杂JSON数据，用 JSON.stringify序列化后，而后发送，在服务器端接到而后用 JSON.parse 进行还原就好了，这样就能处理复杂的对象了。

1 2 3 4 5

$.ajax({      dataType: 'json' ,      contentType: 'application/json' ,      data: JSON.stringify({a: [{b:1, a:1}]}) })

这样你就能够发送复杂JSON的对象了。

 

发送json数据：

 

Content-Type:application/x-www-form-urlencoded; charset=UTF-8  传递时即便传json最终也会被转为key1=value1&key2=value2 .. 格式了

Content-Type 默认值下  不管get请求仍是post请求 都被转为key1=value1&key2=value2 ..