调用ac＃方法的JQuery代码不起作用

Question

我从JQuery调用C＃函数，但它给出了错误。

JQuery函数用ascx文件编写，要调用的C＃函数写在该页面的代码后面。 我正在将用户控件加载到选项卡更改事件的AJAX选项卡中。

谷歌搜索，我得到了我不能调用用户控件编写的C＃函数。 所以我在主页（ASPX）中编写了一个函数，这个函数正在调用我的用户控件函数。

但是AJAX请求有些失败，我不知道在哪里。 但有趣的是我在错误函数中保留了一个调试器，并检查了错误对象。

状态为200，状态为OK，readyState为4

和ResponseText是页面的标记。 这意味着页面已提供，但保留了C＃函数中的断点。 它永远不会打。

我不知道发生了什么。 这也是我第一次从前端调用C＃函数。 我没有详细了解引擎盖下发生的事情。 请帮忙。 下面是代码：JQuery

$(function () {
            $(".hint ul li").click(function () {
                // remove classes from all
                $(".hint ul li").removeClass("active");
                // add class to the one we clicked
                $(this).addClass("active");
                //Ankit J, Implement logic to call jquery
                var Availability = this.childNodes[0].innerText.trim();
                debugger;
                $.ajax({
                    type: "POST",
                    url: "../Pages/MyPage.aspx/CallUCMethodFromJQuery",
                    data: "{'sAvailability' : 'Availability'}",
                    dataType: "json",
                    success: fnsuccesscallback,
                    error: fnerrorcallback
                });
            });
        });

        function fnsuccesscallback(data) {
            alert("success-->" + data.d);
        }
        function fnerrorcallback(result) {
            debugger;
            alert("error-->"+result);
        }

ASPX页面的代码隐藏功能

[System.Web.Services.WebMethod]
public void CallUCMethodFromJQuery(string sAvailability)
{
    MyNamespace.UserControls.ControlName m = new UserControls.ControlName();
    m.EditAvailabilityValue(sAvailability);
}

然后是UserControl的代码

public void EditAvailabilityValue(string sAvailability)
{

}

很抱歉没有提及.... JQuery在用户控件中，因为click事件的来源是用户控件中的li元素。 此外，UserControl位于UserControls文件夹中，主机页面位于Pages文件夹中，这两个文件夹都位于根文件夹中。

Answer 1

在您的ajax调用中添加contentType: "application/json; charset=utf-8"属性：

$.ajax({
    type: "POST",
    url: "../Pages/MyPage.aspx/CallUCMethodFromJQuery",
    data: "{'sAvailability' : 'Availability'}",
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: fnsuccesscallback,
    error: fnerrorcallback
});

然后将用户控件中的EditAvailabilityValue方法更改为static：

public static void EditAvailabilityValue(string sAvailability)
{

}

并将aspx页面代码中的CallUCMethodFromJQuery方法更改为static以便可以使用jQuery调用它：

[System.Web.Services.WebMethod]
public static void CallUCMethodFromJQuery(string sAvailability)
{
    MyNamespace.UserControls.ControlName.EditAvailabilityValue(sAvailability);
}