CODEWITHSUNDEEP
javascriptjqueryajax
Dan
Dan

Reputation: 1295

Posting multiple objects in an ajax call

I have a list of data which is within multiple objects.

Each object has an ID and a status and then the main object has a type and a form id.

The problem I am having is posting result via ajax as it doesn't like the multiple objects.

This is the code I have:

var permissionsData = [];

$(".workflowBox").each(function(index, element) {

var obj = { 
status: $(this).attr("data-user-status"), 
record:$(this).attr("data-user-id")
};

permissionsData.push(obj); 
});

permissionsData.userGroupID = userGroupID;
permissionsData.formID = formID;

var posting =   $.ajax({
        url: "http://www.test.com",
        method: 'post', 
        data: permissionsData
});

How can I wrap/send permission data?

Upvotes: 2

Views: 93

Answers (2)

Fiver
Fiver

Reputation: 10165

How about changing your array to an object and using jQuery's param function. 

var permissionsData = {};

$(".workflowBox").each(function(index, element) {

    var obj = { 
        status: $(this).attr("data-user-status"), 
        record:$(this).attr("data-user-id")
    };

    permissionsData[index] = obj; 
});

permissionsData.userGroupID = userGroupID;
permissionsData.formID = formID;

var posting =   $.ajax({
    url: "http://www.test.com",
    method: 'post', 
    data: $.param(permissionsData)
});

Upvotes: 2

Bieber_zh_cn
Bieber_zh_cn

Reputation: 11

maybe you can use json2.js it can parse the object to json string and parse the json string to object you can use JSON.stringify method for parse object to json string

Upvotes: 0

Related Questions