Passing Multiple JSON objects via AJAX to ASP.Net PageMethod

Question

I am trying to pass two JSON Objects to my Page Method via AJAX

I created a class in Code Behind and created a JSON Object Array in javascript.

Following are my two classes and Page Method

public class userModel
{
    public string userid { get; set; }
    public string Name { get; set; }
}
public class companyModel 
{
    public string companyid { get; set; }
    public string Name { get; set; }
}
[WebMethod]
public static string TestJsonMethod(userModel[] users)
{

    return "";
}

And Following is my Javascript

function TestJSON() {
        //var JSONObject = { a: [], b };
        var obj = {users: []};
        var user;
        for (var i = 0; i < 3; i++) {
            user = {
                userid: i.toString(),
                Name: "User" + i.toString() 
            }
            obj.users.push(user);
        }

        var company = {companyid: "4", Name:"TEST COMPANY"};

        $.ajax({
            url: "bulkconsignments.aspx/TestJsonMethod",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            data: JSON.stringify(obj),
            async: false,
            cache: false,
            success: function (msg) {
                alert(msg.d);
            }
        });
    }

Up till this point my code is working fine.

What I want to do is to pass the company object to the Page Method as well like this

[WebMethod]
public static string TestJsonMethod(userModel[] users, companyModel company)
{

    return "";
}

Emre Kabaoglu · Accepted Answer · 2018-01-24 10:12:31Z

1

You could merge the models into one model.

public class TestJsonModel
{
    public UserModel UserModel { get; set; }

    public CompanyModel CompanyModel { get; set; }
}

Then action looks like;

[WebMethod]
public static string TestJsonMethod(TestJsonModel model)

Also, Ajax request post data looks like;

data: JSON.stringify({UserModel:obj,CompanyModel:company})

answered Jan 24, 2018 at 10:12

Emre Kabaoglu

13.2k4 gold badges27 silver badges48 bronze badges

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

Comments

Muhammad Rabi Bin Mazhar · Accepted Answer · 2018-01-24 14:26:06Z

I was trying out different ways of doing it and this one worked.

function TestJSON() {
    //var JSONObject = { a: [], b };
    var obj = {users: [], company: {}};
    var user;
    for (var i = 0; i < 3; i++) {
        user = {
            userid: i.toString(),
            Name: "User" + i.toString() 
        }
        obj.users.push(user);
    }


    var company_ = {companyid: "4", Name:"TEST COMPANY"};
    obj.company = company_;
    $.ajax({
        url: "bulkconsignments.aspx/TestJsonMethod",
        type: "POST",
        contentType: "application/json; charset=utf-8",
        data: JSON.stringify(obj),
        async: false,
        cache: false,
        success: function (msg) {
            alert(msg.d);
        }
    });
}

And the Code behind Page Method remains same.

 [WebMethod]
public static string TestJsonMethod(userModel[] users, companyModel company)
{

    return "";
}

Collectives™ on Stack Overflow

Passing Multiple JSON objects via AJAX to ASP.Net PageMethod

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related