Jquery serialize does not send input fields

Question

I have a form with input fields which will be triggered every 1 min to update the user entries to the server.

$(document).ready(function()
{
    timer = setInterval(function() { save(); }, 60000); 
});

function save() {
    jQuery('form').each(function() {
        jQuery.ajax({
            url: "http://localhost:7002/submitStudent.do?requestType=auto&autosave=true",
            data: $('#form').serialize(),
            type: 'POST',
            success: function(data){
                if(data && data == 'success') {
                    alert("data saved");
                }else{

                }
            }
        }); 
    }); 
}

And here is my form

<form name="listBean"> 
    <c:forEach var="Item" items="${listBean.nameList}" varStatus="status">
        <input type="number"name="nameList<c:outvalue='[${status.index}]'/>.initialWeight" onchange="checkOnChange(this,'<c:out value='${Item.personId}'/>','<c:out value='${Item.minWeight}'/>','<c:out value='${Item.maxWeight}'/>','<c:out value='[${status.index}]'/>')">
            <br><br>
        <input type="number" name="nameList<c:out value='[${status.index}]'/>.finalWeight" onchange="checkOnChange(this,'<c:out value='${Item.personId}'/>','<c:out value='${Item.minWeight}'/>','<c:out value='${Item.maxWeight}'/>','<c:out value='[${status.index}]'/>')">
            <br><br>
        <input type="text" class="formtext" name="nameList<c:out value='[${status.index}]'/>.Reason" id ="reason<c:out value='[${status.index}]'/>" value="" maxlength="255" >
            <br><br>
            <input type="submit" value="submit" id="submit" />

     </c:forEach>
</form>

So the ajax calls to the server works fine for every 1 min .But the values entered are not available at the server side.

I am getting the value as listBean.Item.getInitialWeight().

what am i doing wrong ?

Any suggestions are welcome.Thanks for your time ..

Alex · Accepted Answer · 2015-12-20 17:48:53Z

5

data: $('#form').serialize(),

should become

data: $('form').serialize(),

You are referencing to the wrong DOM item

edited Dec 20, 2015 at 17:48

Alex

8,6956 gold badges40 silver badges51 bronze badges

answered Apr 29, 2015 at 10:06

user2399035

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

2 Comments

Raphael Müller Over a year ago

Or - more specific - add an id attribute to your form (if you have multiple forms on the page).

jaggs Over a year ago

@RaphaelMüller Thanks for your reply. In the real scenario , it already has an id attached to the form and input fields.But I missed out on the example code.Apologies.

isank-a · Accepted Answer · 2015-04-29 10:21:46Z

0

jQuery will treat your

$('#form')

as "an element with id form". So you should change your jQuery DOM reference.

In your case it can be

$('form[name="listBean"]').serialize()

edited Apr 29, 2015 at 10:21

answered Apr 29, 2015 at 10:11

isank-a

1,6752 gold badges18 silver badges22 bronze badges

Collectives™ on Stack Overflow

Jquery serialize does not send input fields

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related