AJAX的 contentType

朱雀 2020-10-17 18:25 943阅读 0赞

### 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('保存成功');
               }
           });

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG5sdW9sZWk_size_16_color_FFFFFF_t_70][]

--------------------

### 二、复杂的 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('保存成功');
               }
           });

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG5sdW9sZWk_size_16_color_FFFFFF_t_70 1][]

这个复杂对象， 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('保存成功');
               }
           });

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG5sdW9sZWk_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG5sdW9sZWk_size_16_color_FFFFFF_t_70]: /images/1602959092117.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG5sdW9sZWk_size_16_color_FFFFFF_t_70 1]: /images/1602959078092.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG5sdW9sZWk_size_16_color_FFFFFF_t_70 2]: /images/1602959064106.png

发表评论取消回复

表情：

评论列表（有 0 条评论，943人围观）

还没有评论，来说两句吧...

相关阅读

相关如何在ajax中设置contentType,contentType常见的几种情况

最近在开发中遇到ajax提交参数，后台无法获取到参数的问题,先整理下ajax的几种常见属性 1 .contentType常见的几种情况 `application/json

灰太狼/ 2023年01月11日 01:22/ 0 赞/ 722 阅读

相关 Jquery的ajax默认的ContentType和数据格式

JQuery的$.ajax(url,\[settings\]) 1.默认的ContentType的值为:application/x-www-form-urlencoded;

柔情只为你懂/ 2022年06月12日 06:21/ 0 赞/ 620 阅读

相关 $.ajax 中的contentType

1. 前端contentType:"application/json", 1) 前端请求 $.ajax({ type: 'POST',

àì夳堔傛蜴生んèń/ 2022年05月12日 16:22/ 0 赞/ 235 阅读

相关 ajax contentType

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

快来打我*/ 2022年04月11日 10:13/ 0 赞/ 257 阅读

相关 ajax 中的contentType

{“success”:”y”} 这是个json数据 {pcId:”10”} 这是个json对象格式不是json串不可以用contentType:’applicati...

我就是我/ 2022年02月19日 11:30/ 0 赞/ 256 阅读

相关 Ajax应用常见的HTTP ContentType设置

原文出处不详，anyway，感谢一下作者先。 ajax开发中, 常遇到下面的几种情况: 1 服务端需要返回一段普通文本给客户端 2 服务端需要返回一段HTML代码给客户

Bertha 。/ 2021年12月17日 10:15/ 0 赞/ 348 阅读

相关 $.ajax 中的contentType

转载自：[https://www.cnblogs.com/htoooth/p/7242217.html][https_www.cnblogs.com_htoooth_p_724

左手的ㄟ右手/ 2021年12月09日 07:07/ 0 赞/ 312 阅读

相关 $.ajax 中的contentType和dataType区别

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

古城微笑少年丶/ 2021年11月22日 09:44/ 0 赞/ 389 阅读

相关聊聊ajax中contentType

前言 contentType属性，想必大家在日常开发中经常用到，但是大家可能对于contentType了解的不是很透彻，这里来和大家一起总结下。 contentTyp

青旅半醒/ 2021年09月25日 00:18/ 0 赞/ 551 阅读

相关 AJAX的 contentType

contentType默认 Content-Type:application/x-www-form-urlencoded; charset=UTF-8 一、...

朱雀/ 2020年10月17日 18:25/ 0 赞/ 944 阅读