Sending input array values by POST to php

Question

I am trying to read the values of an input array and pass them to my backend PHP, but am not able to get this working. I have the following html:

<input name='field[]' class='myclass' value='test1'>
<input name='field[]' class='myclass' value='test2'>
<input name='field[]' class='myclass' value='test3'>

<input id='post_this_val' type='button' value='Post'>

I want to read these values in jQuery and POST the values to my backend PHP, which will then process the results. This is what I do:

$('#post_this_val').live('click', function () {
    var inpVal = $('input.myclass').map(function(i, el) {
                            return el.value;
                    });
    $.post('/my/php/function', {data: inpVal});
});

The above POST is not working- my php function is not even getting called and the page simply reloads on clicking the POST button. Suggestions please.

you're missing a "return false;"

s_p
– s_p

2012-03-12 07:15:35 +00:00
Commented Mar 12, 2012 at 7:15 — s_p
– s_p, Commented Mar 12, 2012 at 7:15

Andreas Wong · Accepted Answer · 2012-03-12 07:24:45Z

4

Easiest way to get form values is to wrap those inputs in a form, bind a submit event, and use .serialize() method. The plus of using this method is, if you have a form with input type text and submit, doesn't matter whether the user is submitting using enter, or clicking on the submit button, the handler will still be called.

html:

<form id="myForm">
   <input  name='field[]' class='myclass' value='test1'>
   <input name='field[]' class='myclass' value='test2'>
   <input name='field[]' class='myclass' value='test3'>
   <input id='post_this_val' type='button' value='Post'>
</form>

js:

$('#myForm').live('submit', function(e) {
   $.post('/my/php/function', $(this).serialize());
   e.preventDefault();
   return false;
});

edited Mar 12, 2012 at 7:24

answered Mar 12, 2012 at 7:17

Andreas Wong

60.7k19 gold badges112 silver badges123 bronze badges

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

Comments

jdalangin · Accepted Answer · 2012-03-12 07:30:23Z

0

Just to add to the good answer of andreas, sometimes, complicated problems are caused by the simplest of errors.

Once you check the syntax and everything, I would recommend you install Firebug to check what is exactly going on.

On the net panel of Firebug you can see if the post was successful and if there was a response.

In this case the error could be among several things from incorrect spelling of URL to misspelled variables.

Firebug will help identify these errors, regardless of the cause.

Hope this helps!

Good luck!

answered Mar 12, 2012 at 7:30

jdalangin

1975 bronze badges

Collectives™ on Stack Overflow

Sending input array values by POST to php

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related