doudou20145
2016-08-13 05:16
浏览 114

如何使用jquery .serialize()方法序列化表单?

My Form is:

<form class="something" id="main-form">
 -----content----

My Jquery is:

 $("form :input").change(function() {
var data = $('#main-form').serialize();
console.log(data);


$.ajax({
        url:"<?php echo  Yii::app()->createAbsoluteUrl('jobs/index'); ?>",
        //dataType:"json",
        type: "POST",
        data: $('#main-form').serialize(),
        success: function(data){
        }
    });
});

But the form is not serialized.The data field is coming empty.Please help.

图片转代码服务由CSDN问答提供 功能建议

我的表格是:

 &lt; form class =“  “id =”main-form“&gt; 
 ----- content ---- 
   
 
 

我的Jquery是:

  $(“form:input”)。change(function(){
var data = $('#main-form')。serialize(  ); 
 nconsole.log(data); 
 
 
 $ .ajax({
 url:“&lt;?php echo Yii :: app() - &gt; createAbsoluteUrl('jobs / index');?  &gt;“,
 // dataType:”json“,
 type:”POST“,
 data:$('#main-form')。serialize(),
 success:function(data){\  n} 
}); 
}); 
   
 
 

但表单未序列化。数据字段为空。请帮助。

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • dongxiang7276 2016-08-13 05:32
    已采纳

    From .serialize(); :

    the element must have a name attribute.

    So make sure you give all inputs a name='whatever'.

    Here's a demo: http://jsfiddle.net/CWJDj/1/

    打赏 评论
  • doutou3725 2016-08-13 05:34

    See if this works any better:

    var data = $('#main-form').serializeArray();
    
    打赏 评论
  • dongzhao3040 2016-08-13 06:53

    Try this:

     var data = $("form#main-form").serialize();
    

    That's Done.

    打赏 评论

相关推荐 更多相似问题