MVC3控制器未收到任何参数值

Question

Using JQuery, I am passing values to an action in the controller. customerId and productId are not null:

$.ajax({
                type: "GET",
                url: "Customer/Product/",
                data: { Customer: customerID, Product: productId},
                dataType: "json",
                error: function (xhr, status, error) {
                    // you may need to handle me if the json is invalid
                    // this is the ajax object
                },
                success: function (json) {
                    $("#productName").innerHTML = json;
                    alert(json);
                    alert($("#startDate").innerHTML);
                }
            });

In MVC3 controller, i have the action:

public ActionResult Product(string Customer, string Product)
{
//both are null
}

I don't know why both are null? Please guide

Answer 1

MVC may be expecting a JSON string. Try using this as your data

data: JSON.stringify({ Customer: customerID, Product: productId})

Answer 2

$.ajax({
                type: "GET",
                url: "Customer/Product/",
                data:  "Customer="+customerID +"&Product="+productId,
                dataType: "json",
                error: function (xhr, status, error) {
                    // you may need to handle me if the json is invalid
                    // this is the ajax object
                },
                success: function (json) {
                    $("#productName").innerHTML = json;
                    alert(json);
                    alert($("#startDate").innerHTML);
                }
            });

Try this way.

Answer 3

If you change it to a "POST" request it should work.

However it looks like you are actually trying to just "GET" data from the server which should really be encoded in your URL eg mysite.com/Customer/{customer_id}/Product/{product_id}. In this case you'll probably need to change your routing rules.

Answer 4

I just did "File -> New Project" and just added the one controller and tried directly using:

var customerID = 42;
var productId = 4242;
$.ajax({
        type: "GET",
        url: "http://localhost:51622/Customer/Product",
        data: { Customer: customerID, Product: productId},
        dataType: "json",
        error: function (xhr, status, error) {
            // you may need to handle me if the json is invalid
            // this is the ajax object
        },
        success: function (json) {
            console.log(json);
        }
    });

It binds the values just fine, so you might want to grab fiddler or something similiar and make sure that you are actually sending values to the server.