How to serialize a form using jquery .serialize() method?

Question

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.

Show your console.log() data.

Nikhil Vaghela
– Nikhil Vaghela

2016-08-13 05:28:03 +00:00
Commented Aug 13, 2016 at 5:28 — Nikhil Vaghela
– Nikhil Vaghela, Commented Aug 13, 2016 at 5:28

Miro · Accepted Answer · 2016-08-13 05:32:28Z

2

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/

answered Aug 13, 2016 at 5:32

Miro

8,7104 gold badges40 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

David · Accepted Answer · 2016-08-13 05:34:20Z

1

See if this works any better:

var data = $('#main-form').serializeArray();

answered Aug 13, 2016 at 5:34

David

4392 gold badges5 silver badges14 bronze badges

Comments

Dushyant Dagar · Accepted Answer · 2017-09-01 10:49:42Z

0

Try this:

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

That's Done.

edited Sep 1, 2017 at 10:49

answered Aug 13, 2016 at 6:53

Dushyant Dagar

1,09910 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to serialize a form using jquery .serialize() method?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related