一聚教程网:一个值得你收藏的教程网站

热门教程

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);   
  }
 });
})

热门栏目