contentType默认

Content-Type:application/x-www-form-urlencoded; charset=UTF-8

一、 简单的JSON

var p = {name : \'luo\', score : \'100\'};
       $.ajax({
           type: "post",
           url: "/role/contentTypeTest",          
           dataType: \'json\',
           data: p,
           error: function(request) {
              layer.alert(\'添加失败\');
           },
           success: function(result) {
              layer.msg(\'保存成功\');
           }
       });

 


二、复杂的 JSON对像

var p = {
           name: \'yuwen\',
           score: [
              {\'luo\' : \'100\'},
              {\'lei\' : \'98\'}
              ]      
       };
       $.ajax({
           type: "post",
           url: "/role/contentTypeTest",          
           dataType: \'json\',
           data: p,
           error: function(request) {
              layer.alert(\'添加失败\');
           },
           success: function(result) {
              layer.msg(\'保存成功\');
           }
       });

 

这个复杂对象, application/x-www-form-urlencoded  这种形式是没有办法将复杂的 JSON 组织成键值对形式。你传进去之后可以发送请求,但是服务端收到数据为空, 因为 ajax不知道怎样处理这个数据

HTTP还可以自定义数据类型,于是就定义一种叫 application/json 的类型。我们 ajax 的复杂JSON数据,用 JSON.stringify序列化后然后发送,在服务器端接到然后用 JSON.parse 进行还原就行了。

var p = {
           name: \'yuwen\',
           score: [
              {\'luo\' : \'100\'},
              {\'lei\' : \'98\'}
              ]      
       };
       $.ajax({
           type: "post",
           url: "/role/contentTypeTest",          
           dataType: \'json\',
           contentType: \'application/json;charset=UTF-8\',
           data: JSON.stringify(p),
           error: function(request) {
              layer.alert(\'添加失败\');
           },
           success: function(result) {
              layer.msg(\'保存成功\');
           }
       });

 

 

 

版权声明:本文为匿名原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: