PHP Serialize on ajax array Not Working

Question

I have the following HTML fields being created inside a PHP look

<td><input type=\"checkbox\" name=\"investigator_id[]\" id=\"investigator_id\" value=\"$name_degree[$i]\"> 
<td><input type=text name=\"inv_rank[]\" id=inv_rank maxlength=\"2\" size=\"2\"></td>
<td><textarea name=\"inv_comm[]\" id=inv_comm rows=2 cols=20></textarea></td>

I am trying to save the data in these fields by calling a jquery function based on clicking on this button

Here is the script that is being called. I know that the js is being called because the "alert("now")" is poping up, but the dataString is not being populated correctly. I tested this on http://jsfiddle.net/ and it worked fine, but won't work on my site.

<script>
$(document).ready(function() {
    $("#submit").click(function() {
        alert("now");
        var dataString = $("'[name=\"investigator_id\[\]\"]', '[name=\"inv_rank\[\]\"]','[name=\"inv_comm\[\]\"]'").serialize();
        alert("ee"+dataString);
        $.ajax({
            type: "POST",
            url: "save_data.php",
            dataType: "json",
            data: dataString,
            success: function(data){
                alert("sure"+data);
                $("#myResponse").html(data);
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                alert("There was an error.");
            }
        });
    });
});
</script>

Use $('[name="investigator_id[]"]', '[name="inv_rank[]"]', '[name="inv_comm[]"]').serialize(); — Tushar
– Tushar, Commented Dec 23, 2015 at 11:54

devpro · Accepted Answer · 2015-12-24 00:48:54Z

2

Try this with the help of FormID like this:

<form method="post" id="yourFromID">
//Your form fields.
</form>

JS Code:

$("#yourFromID").submit(function (e){
  e.preventDefault();
  var dataString = $(this).serialize();

  // then you can do ajax call, like this
  $.ajax({
       url: 'site.com',
       data: dataString,
       methodL 'post',
       success: function(){...}
  })

return false;
    });

edited Dec 24, 2015 at 0:48

answered Dec 23, 2015 at 11:59

devpro

16.1k3 gold badges29 silver badges39 bronze badges

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

3 Comments

SamIAm Over a year ago

thank you, but I tried using it this way, but the problem is that it refreshes the page and I was trying to save it without refreshing the page. Any thoughts on how to do that?

devpro Over a year ago

@wessam-sonbol: also add return false; in ajax success after last line in success

devpro Over a year ago

@samiam: nice username well this is good now need one more thing chose the best answer and mark as accepted by left green tick mark this will help to others who facing same issue

Collectives™ on Stack Overflow

PHP Serialize on ajax array Not Working

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related