jquery post array data from HTML forms

Question

In one of my HTML page, there are a few input fields with the same name attributes since I want to send them as an array to another PHP for back-end transactions.

Suppose the input field like below :

<input type="text" name="language_names[]" value="english">
<input type="text" name="language_names[]" value="french">
<input type="text" name="language_names[]" value="spanish">

Now I want to use Jquery to send this array? I am using the .post() method for this, I know for single value it could be send as {key1: value1, key2:value2...}, but for array How can I do it like this ? I guess it should be close to

{'language_names[]' : $('#input[name="language_names[]"]').val()}

But it doesn't work (I check the request body). Anyone can help ?

Have a look at jQuery serialize() api.jquery.com/serialize

Jay Blanchard
– Jay Blanchard

2013-04-23 12:28:19 +00:00
Commented Apr 23, 2013 at 12:28 — Jay Blanchard
– Jay Blanchard, Commented Apr 23, 2013 at 12:28

Robin van Baalen · Accepted Answer · 2013-04-23 12:30:05Z

5

Use serialize function of jquery like this

// This returns a json representation of your form values
$('#formid').serialize();

edited Apr 23, 2013 at 12:30

Robin van Baalen

3,6712 gold badges24 silver badges36 bronze badges

answered Apr 23, 2013 at 12:27

chandresh_cool

11.9k3 gold badges32 silver badges46 bronze badges

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

1 Comment

Ensom Hodder Over a year ago

If I just want to send this array, not the whole form, how can I can this ?

excentris · Accepted Answer · 2013-04-23 18:25:02Z

0

Since you need a simple array with the values of those specific input elements, you could use something like:

function getLanguageValues() {
    var language_names = [];
    $.each($("input[name=language_names\\[\\]]"), function (indexInArray, valueOfElement) {
        language_names.push($(valueOfElement).val());
    });
    return language_names;
}

Here is the jsfiddle.

answered Apr 23, 2013 at 18:25

excentris

4711 gold badge7 silver badges25 bronze badges

Comments

RelevantUsername · Accepted Answer · 2013-04-23 12:31:29Z

0

Or you can also do this :

{'language_names[]' : $('input[name=language_names\\[\\]]').serialize()}

answered Apr 23, 2013 at 12:31

RelevantUsername

1,3408 silver badges14 bronze badges

1 Comment

Ensom Hodder Over a year ago

I am expecting the serialize method will return an array of values in the value attribute. In my case, the array should contain "english", "french", "spanish", etc. However, with your proposed method, it's empty.

Collectives™ on Stack Overflow

jquery post array data from HTML forms

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related