Question

function sendStates(data) {
    var states = new Object();
    states.Id = 1;
    states.Name = "Chandan";
    $.post("WebService.asmx/MultiDim/", states, function (data) {
        alert("reached");
    });
}

sendStates(null);

WebService file:

[WebMethod]
        public void MultiDim(statesTemplate states)
        {

        }

MultiDim function doesnt get called.

Answer 1

Change:

var states = new Object();
    states.Id = 1;
    states.Name = "Chandan";

to

var object = {states: {Id: 1, Name: "Chandan" }}
$.post("WebService.asmx/MultiDim/", object, function (data) {
    alert("reached");
});

The method parameter name is needed. The object you send to .NET needs the method parameter name in order to parse your Request.

---

    [WebMethod]
    public void MultiDim(statesTemplate states /* must be the javascript name too */)
    {

    }

jQuery doesn’t know that your object’s variable name is states. It is only an object with two properties Id and Name.

So adding an object with a property states is the answer.

var objectToSendToNet = new Object();
objectToSendToNet.states = new Object();
objectToSendToNet.states.Id = 1;
objectToSendToNet.states.Name = "Chandan";

$.post("WebService.asmx/MultiDim/", objectToSendToNet, function (data) {
    alert("reached");
});