最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery把form表单保存成对象传给接口
时间：2022-06-25 17:40:24 编辑：袖梨 来源：一聚教程网
在模板式开发时，我们form表单可以直接提交到服务器相应的方法，服务器就可以进行处理，但在新的移动端，用的比较多的是以json数据格式的传输，和服务器端的接口交互，这样我们需要把传统的form表单元素组合成我们想要的对象，再传输给接口。
下面是个例子：
JS：
$("#btn").on('click',function () {
var data = $("#form").serializeArray(); //先进行序列化数组操作
var postData = {}; //创建一个对象
$.each(data, function(n,v) {
postData[data[n].name]=data[n].value; //循环数组，把数组的每一项都添加到对象中
});
console.log(postData); //{"id":12,"startTime":"2015-06-12","endTime":"2015-06-15"}
})
除了此方法还有像
$('#form').click(function(){
var postData = $('#submitform').serialize();
$.ajax({
type: "POST",
url: "/tugou/postajax.php",
data: postData,
success: function(msg){
alert(msg);
}
});
})
相关文章
- 燕云十六声墨鼬毫怎么刷 墨鼬毫速刷攻略 08-10
- 燕云十六声粗矿石怎么刷 粗矿石速刷攻略 08-10
- 明末渊虚之羽云顶城竖井宝箱怎么找 竖井宝箱获取路线分享 08-10
- 人渣SCUM头盔防弹效果如何 各头盔防弹能力一览 08-10
- 燕云十六声突破材料怎么刷 突破材料速刷攻略 08-10
- 明末渊虚之羽定北将军成就怎么完成 艾能奇成就获取攻略 08-10