无法将数据传递给方法

Question

I am trying to use AJAX with ASP.NET for the first time - by trying to pass the following data to a WebMethod in my corresponding aspx page:

$.ajax({
    type: "POST",
    url: "myurl.aspx/SaveScreen",
    data: "{'data': " + JSON.stringify(arrayRows.data) + "}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        alert(msg.d);
    }
});

Here is my WebMethod in the aspx page. I have tried passing a simple data object which just contained one key and value, which worked successfully. When attempting to pass this object, I get an error stating that there is an internal server error with code 500.

What could I be doing wrong?

Answer 1

You could wrap the data string in quotations:

$.ajax({
    type: "POST",
    url: "SpecifyPositioning.aspx/SaveScreen",
    data: "{'data': '" + JSON.stringify(arrayRows.data) + "'}", //Added ' around JSON.stringify to pass string instead of object
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        alert(msg.d);
    }
});

---

This however would be a cleaner solution:

data: {"data": JSON.stringify(arrayRows.data)},