如何将表单转换成json通过AJAX传递？
16lz
2021-01-22
前台是一个单选题表单，前台控件命名大概是这样，
<inputtype="hidden"name='question[0][id]'value='111'>问题1
<inputname='question[0][answer]'value='A'>...
<inputtype="hidden"name='question[1][id]'value='222'>问题2
<inputname='question[1][answer]'value='C'>...
我想把表单转化成如下json格式，通过AJAX传到后台验证：
{
"question":[
{
"id":"111"
,"answer":"A"
}
,{
"id":"222"
,"answer":"C"
}
]
}
请问要怎么转成json传过去呢？主要不清楚如何转化，ajax就一直传不过去
这是我用AJAX提交的代码，在获取数据时data还是只保存了这种数据格式，并不是我想要的json串，而且在后台使用getParameter("data")也没有得到数据，调试时data内的数据如下：
<inputtype="hidden"name='question[0][id]'value='111'>问题1
<inputname='question[0][answer]'value='A'>...
<inputtype="hidden"name='question[1][id]'value='222'>问题2
<inputname='question[1][answer]'value='C'>...
我想把表单转化成如下json格式，通过AJAX传到后台验证：
{
"question":[
{
"id":"111"
,"answer":"A"
}
,{
"id":"222"
,"answer":"C"
}
]
}
请问要怎么转成json传过去呢？主要不清楚如何转化，ajax就一直传不过去
5 个解决方案
#1
$("#qestionSub").on("click",function(){
vardata={};
vart=$('form').serializeArray();
$.each(t,function(){
data[this.name]=this.value;
});
$.ajax({
type:"post",
url:"question!isRight.do",
data:{'data':data},
dataType:'json',
success:function(data){
if(data.success=='true'){
alert(data.msg);
}else{
alert(data.msg);
returnfalse;
}
}
});
});
这是我用AJAX提交的代码，在获取数据时data还是只保存了这种数据格式，并不是我想要的json串，而且在后台使用getParameter("data")也没有得到数据，调试时data内的数据如下：
更多相关文章
- 基于JQuery+JSP的无数据库无刷新多人在线聊天室
- Yii - 加载ajax表单元素的用户端验证
- JQuery 表单验证按钮提交之前变色
- 使用AJAX将动态数据传递给mvc控制器
- jquery 阻止表单提交方法
- 使用jQuery确认对话框防止上的表单回发
- jquery对json数据进行增删改查的例子
- 尽管referesh，jQuery格式化不适用于ajax数据
- 提交表单时需要运行php脚本