ajax enctype设置,form设置enctype属性为'application/json'不起作用

由于项目中需要向后台传复杂的json数据处理完然后跳转，大家的做法是用ajax提交数据然后在用location.href跳转，但是这样做需要写两个controller，正好今天百度看了可以设置form的enctype属性为'application/json'就可以发送json数据，下面是网上的事例：

// 生成的Json数据是

{

"pet": [

{

"species": "Dahut"

, "name": "Hypatia"

}

, {

"species": "Felis Stultus"

, "name": "Billie"

}

]

}

下面是我自己的代码实现将json转换为隐藏表单form表单提交：

function postForm(url, params) {

//使用递归遍历

function iter(inputName, obj, resMap) {

for (key in obj) {

if (obj[key] && typeof obj[key] === 'object') {

if (inputName) {

iter(inputName + "[" + key + "]", obj[key], resMap);

} else {

iter(key, obj[key], resMap);

}

} else {

resMap[inputName + "[" + key + "]"] = obj[key];

}

var temp = document.createElement("form");

temp.action = url;

temp.method = "post";

temp.style.display = "none";

temp.enctype = "application/json";

var resList = {};

iter('',params,resList);//遍历数据结构

for (key in resList) {

var hideInput = document.createElement("input");

hideInput.type = "hidden";

hideInput.name = key;

hideInput.value = resList[key];

temp.appendChild(hideInput);

}

document.body.appendChild(temp);

temp.submit();

}

测试数据

var dd = {

user:{

name:'小明',

id:34

project:[{

yuwen:{name:'语文',scre:444}},{shuxue:{name:'数学',scre:33}}

]

};

postForm('test',dd)

//生成的表单

生成的数据跟网上的一样，可以提交的时候浏览器显示

Content-Type:application/x-www-form-urlencoded，并且后台也没有取到理想的json数据

这是后台数据

有哪位大神知道怎么解决吗？求教

ajax enctype设置,form设置enctype属性为'application/json'不起作用相关推荐

$.ajax的type属性,$.ajax中contentType属性为“application/json”和“application/x-www-form-urlencoded”的区别...
说明: application/json和application/x-www-form-urlencoded都是表单数据发送时的编码类型. contentType: 发送信息至服务器时内容编码类型,简 ...
$.ajax中contentType属性为“application/json”和“application/x-www-form-urlencoded”的区别...
说明: application/json和application/x-www-form-urlencoded都是表单数据发送时的编码类型. contentType: 发送信息至服务器时内容编码类型,简 ...
html form 无法指定 content-type 为 application/json
form enctype属性指定为application/json,最后还是会强制的设置为"Content-Type:application/x-www-form-urlencoded&q ...
ajax_contenttype,$.ajax中contentType: “application/json” 的用法详解
具体内容如下所示: $.ajax({ type: httpmethod, cache:false, async:false, contenttype: "application/json; ...
Flex设置form表单一些属性设置
设置form表单label左对齐 style: mx|FormItem {labelStyleName: customTextAlignLabel;}.customTextAlignLabel {te ...
form 中Enctype=multipart/form-data 的作用
form 中Enctype=multipart/form-data 的作用 ENCTYPE="multipart/form-data"用于表单里有图片上传. <form na ...
当FORM的ENCTYPE=quot;multipart/form-dataquot; 时request.getParameter()获取不到
当FORM的ENCTYPE="multipart/form-data" 时request.getParameter()获取不到值. 解决方法: 提交普通表单时,在提交前: $(&q ...
Tabcontrol动态添加TabPage(获取或设置当前选项卡及其属性)
http://blog.csdn.net/xiongxyt2/article/details/6920575 •MultiLine 属性用true 或false来确定是否可以多行显示 •Appear ...
form的enctype和action
form的enctype属性为编码方式,常用有两种:application/x-www-form-urlencoded和multipart/form-data,默认为application/x-www ...

ajax enctype设置,form设置enctype属性为'application/json'不起作用

ajax enctype设置,form设置enctype属性为'application/json'不起作用相关推荐

最新文章

热门文章