ASP.NET通过Ajax调用webMethod无法正常工作

时间:2017-01-06 13:59:36

标签: jquery asp.net ajax webmethod

我一直在为学校做项目而我在该项目中我希望通过客户端调用服务器方法(C#方法)。我发现使用jQuery是更好的方法之一(因为ajax)。我得到了它的工作,但一个星期或更长时间后它突然停止工作。除了名字,我认为我没有改变方法。但我似乎无法弄清楚问题所在。 (我使用调试来检查方法是否被调用,它似乎没有调用)。

我通过Ajax调用WebMethod的代码:

function callDatabase() {
    $.ajax({
        type: 'POST',
        url: 'Index.aspx/setGridData',
        data: '{ }',
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (msg) {
            alert(msg);
        }
    });
}

我在Stackoverflow上找到了这段代码。

然后我用它作为我的方法:

[WebMethod]
    public static void setGridData() {
        string data = "Test";

        if (HttpContext.Current.Session["UserID"] != null) {
            MySqlCommand command = new MySqlCommand("UPDATE userdata SET griddata = ? WHERE userid = ?;");
            command.Parameters.Add(new MySqlParameter("griddata", data));
            command.Parameters.Add(new MySqlParameter("userid", HttpContext.Current.Session["UserID"].ToString()));
            MySqlDataReader reader = Global.SqlConnection.executeSQLCommand(command);

            if (reader.RecordsAffected <= 0) {
                reader.Close();
                command = new MySqlCommand("INSERT INTO userdata(userid, griddata) VALUES (?, ?);");
                command.Parameters.Add(new MySqlParameter("userid", HttpContext.Current.Session["UserID"].ToString()));
                command.Parameters.Add(new MySqlParameter("griddata", data));
                reader = Global.SqlConnection.executeSQLCommand(command);

                reader.Close();
            } else {
                reader.Close();

            }
        }
    }

jQuery位于名为“JavaScript”的文件夹中,WebMethod位于文件夹之外,如果这有帮助的话。

我希望有人可以帮助我。

1 个答案:

答案 0 :(得分:0)

在连接到数据库之前,您需要确保WebMethod正常工作。

以下是工作示例 - 客户端发送用户对象,服务器将其返回。

ASPX

<%@ Page Language="C#" AutoEventWireup="true" 
    CodeBehind="Default.aspx.cs" Inherits="DemoWebApplication.Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <button type="button" onclick="postData();">Post Data</button>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
        </script>
        <script type="text/javascript">
            function postData() {
                var user = { firstName: "John", lastName: "Doe" };
                $.ajax({
                    type: "POST",
                    url: '<%= ResolveUrl("~/default.aspx/postjson") %>',
                    data: "{user:" + JSON.stringify(user) + "}",
                    contentType: "application/json",
                    success: function (msg) {
                        console.log(msg.d);
                    }
                });
            }
        </script>
    </form>
</body>
</html>

代码背后

using System.Web.Script.Serialization;

namespace DemoWebApplication
{
    public partial class Default : System.Web.UI.Page
    {
        [System.Web.Services.WebMethod]
        public static string PostJson(User user)
        {
            user.FirstName += "Test";
            user.LastName += "Test";
            return new JavaScriptSerializer().Serialize(user);
        }
    }

    public class User
    {
        public string FirstName { get; set; }
        public string LastName { get; set; }
    }
}