creating an array and sending to ajax

Question

I'm trying to gather information from all of the textareas on my page, and then put that information into an array so I can send to the server via ajax/json.

Although I am not quite sure how to go about doing it.

I'm not sure how to pull the information I need from the

Here is what I have so far:

Example of my HTML

 "<textarea id='tbObjective_" + counter + "' name='txtObjective' class='objectives' sequence='" + counter + "'></textarea>"

jQuery:

    var objectiveList = [];
    $('.objectives').each(function (objective) {
        objectiveList.push({
            id: objective.id,
            sequence: objective.sequence,
            text: objective.val()
        });
    });

    $.ajax({
        type: "POST",
        url: url,
        dataType: "json",
        data: objectiveList 
    });

Any help would be appreciated

Thanks

Im not sure how to get all the info from the <textarea> and put into an array..thanks — SkyeBoniwell
– SkyeBoniwell, Commented Apr 25, 2013 at 19:42
Are you not getting the array or are you unable to send the proper array in your AJAX call? — Robbert
– Robbert, Commented Apr 25, 2013 at 19:48
I'm not getting the array, it's all empty. So I thought it had something to do with the way I was creating/populating it — SkyeBoniwell
– SkyeBoniwell, Commented Apr 25, 2013 at 19:59

Alok Agarwal · Accepted Answer · 2013-04-26 06:46:23Z

2

you can proceed with the following procedure. i have used python django and html5 for the purpose

1. make a text box which is hidden and after generating  your json document set it in this text box (suppose id of textbox is "submit_json") than  use
$("#submit_json").val(JSON.stringify(formData, null, '\t')),  // (formData, null, '\t') this is js function that i have written for the ourpose

data = JSON.stringify({"jsonDoc":Generated JSON})

console.log(data);
$.ajax({

url: 'http://127.0.0.1:8000/catchjson/',
type: 'POST',
async: false,
contentType: 'application/json',
data: data,
dataType: 'json',
processData: false,
success: function(data){
alert('Done')
//Goto Next Page

},

error: function(jqXHR, textStatus, errorThrown){
alert("Some Error!")
}
})

Now on server you can catch this json if u have problem creating json from your text box let me know

edited Apr 26, 2013 at 6:46

answered Apr 26, 2013 at 6:05

Alok Agarwal

3,0993 gold badges26 silver badges34 bronze badges

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

Comments

Rob · Accepted Answer · 2013-04-26 06:43:12Z

1

I often use:

var formData = $("form").serialize();

for posting data over ajax, so maybe you could try:

var textareaData = $(".objectives").serialize();

$.ajax({
    type: "POST",
    url: url,
    dataType: "json",
    data: textareaData
});

or alternatively make sure all the fields are in a form element and use the first example.

answered Apr 26, 2013 at 6:43

Rob

10.3k5 gold badges64 silver badges93 bronze badges

Comments

Robbert · Accepted Answer · 2013-04-25 19:31:26Z

1

You can parameterise it with $.param(objectiveList)

see jQuery.param()

answered Apr 25, 2013 at 19:31

Robbert

3453 silver badges15 bronze badges

Collectives™ on Stack Overflow

creating an array and sending to ajax

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