调用c#方法的JQuery代码不起作用

时间:2014-01-18 16:14:36

标签: c# jquery asp.net ajax ajax.net

我从JQuery调用C#函数,但是它给出了错误。

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

谷歌搜索,我得到了我无法调用用户控件中编写的C#函数。所以我在主页(ASPX)中编写了一个函数,这个函数正在调用我的用户控件函数。

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

  

状态为200,状态正常,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文件夹中,这两个文件夹都位于根文件夹中。

1 个答案:

答案 0 :(得分:1)

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

$.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);
}