X-editable with .Net and c# web methods

asp.net, jquery, webmethod

Solution

If you want to call a page method, first of all you need to make a request of type POST (also having content-type set will not do any harm):

$('#username').editable({
    url: function (params) {                      
        return $.ajax({
            type: 'POST',
            url: 'Default.aspx/TestMethod',
            data: JSON.stringify(params),
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            async: true,
            cache: false,
            timeout: 10000,
            success: function (response) {
                alert("Success");
            },
            error: function () {
                alert("Error in Ajax");
            }
        });
    }
});

Also the JSON will be auto deserialized on server side, so you should expect the `name`, `pk` and `value` parameters on server side (this is what plugin is sending according to docs)

[System.Web.Services.WebMethod]
public static String TestMethod(string name, string pk, string value)
{
    //access params here
}

In your case the `pk` will be null as you haven't set one.

Problem

Original source