Ajax方法没有触发

时间:2014-12-22 11:55:16

标签: jquery asp.net ajax

我试图从asp页面中的web方法获取数据到ajax jquery方法。但是Ajax方法没有解雇。甚至没有显示任何错误消息。请帮帮我

[WebMethod]
public static string Sample(string data)
{

    string strStatus = data+ "hello world";       
    return strStatus;

}

的javascript

$(document).ready(function () {
    $("#btnSubmit").click(function (e) {
        var data = $("#<%=txtsample.ClientID%>").val();
        $.ajax({
            type: "POST",
            url: '<%=ResolveUrl("~/Default2.aspx/Sample")%>',
            data: '{data:' + data + '}',
            contentType: "application/json; charset=utf-8",
            datatype: "json",
            success: function (response) {
                $("#<%=lblMsg.ClientID%>").text(response.data);
            },
            failure: function (response) {
                $("#<%=lblMsg.ClientID%>").text(response.data);
            },
            error: function (response) {
                $("#<%=lblMsg.ClientID%>").text(response.data);

            }
        });
    });
});

2 个答案:

答案 0 :(得分:0)

您应首先使用

取消提交点击事件
e.preventDefault();

开头或

return false;
代码末尾的

;

答案 1 :(得分:0)

  

将这样的数据字符串化,这样您就不必担心在参数名称及其值附近加上引号。

JSON.stringify({ data:data})