asp.net - 可使用 .Net 和 C# Web 方法进行 X 编辑

Question

我正在使用X-Editable Plugin在 Asp.net 中。
我试过这个:Usage with .Net and C# Webmethods
但这给了我错误。它没有按应有的方式调用 WebMethod。

如何解决这个问题？
请帮忙。

Javascript:

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

HTML:

<a href="#" id="username" class="myeditable">superuser</a>

Default.aspx 中的 WebMethod:

[System.Web.Services.WebMethod]
public static String TestMethod(String params)
{
    //access params here
}

Answer 1

如果你想调用页面方法，首先你需要发出POST类型的请求(设置内容类型也不会造成任何损害):

$('#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");
            }
        });
    }
});

此外，JSON 将在服务器端自动反序列化，因此您应该在服务器端期待 name、pk 和 value 参数(这是插件根据 docs 发送的内容)

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

在您的情况下，pk 将为空，因为您尚未设置。