在不刷新页面的情况下调用服务器方法

Question

我正在阅读很多关于此的文章和帖子，但我无法解决我的问题。

我在 aspx.cs 页面中有一些方法。方法不返回任何内容，它只是更改标签、文本框等中的值...

[System.Web.Services.WebMethod]
public void MethodName()
{
   //some code
}

在前端我有应该调用此方法的单选按钮。当我调用重新加载页面的常规服务器端方法（rdbMethodName_CheckedChanged）时，它会起作用。现在我想在不重新加载的情况下调用这个方法。我试过使用 Ajax

<asp:RadioButton ID="rbTwoSub" runat="server" GroupName="Subscription" value="2" AutoPostBack="false" OnCheckedChanged="rdbMethodName_CheckedChanged" />

要调用 ajax 方法，我将 AutoPostBack 设置为 false 并创建 js 来调用它

$("#ctl00_PageContent_rbTwoSub").change(function () {
            $.ajax({
                type: "GET",
                contentType: "application/json; charset=utf-8",
                url: "buy_sql_tools_new.aspx/MethodName?Product=ProductName",
                success: function (data) {
                    console.log('Success: ', data);
                },
                error: function (data) {
                    console.log('Error: ', error);
                }
            });
        });

此代码在没有参数且不调用此方法的页面的控制台控制台 html 代码中返回。

我只需要调用将更改所有值的后端方法就可以了。有谁知道如何做到这一点。

我想到的只有一件事，那就是将所有 C# 代码重写为 javascript 代码并在点击时仅调用 js 方法

-------- 2015 年 12 月 16 日编辑

您好，我尝试调用简单的 ajax 帖子，它会返回单个值，但它也不起作用

下面是代码

            $.ajax({
                type: "POST",
                url: "buy_sql_tools_new.aspx/HelloWorld",
                data: "{}",
                contentType: "application/json",
                dataType: "json",
                success: function (msg) {
                    alert(msg);
                },
                error: function (msg) {
                    console.log('error' + msg);
                }
            });

aspx.cs

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static string HelloWorld()
{
    return "Hello";
}

Answer 1

您的网络方法应该是静态的。此外，如果您想在 ajax 调用成功后实际更改某些内容，则必须返回您将要更新的数据。

尝试做这样的事情。请注意，该示例使用JSON.NET 进行序列化。

jQuery 代码：

    $(document).ready(function () { 

        $("input:radio[name='Subscription']").click(function () {

            var selectedRadio = $("input:radio[name='Subscription']:checked").val();

            //Code to fetch complex datatype
            $.ajax({
                type: "POST",
                url: "buy_sql_tools_new.aspx/GetProduct?product=ProductName",
                dataType: "json",
                data: "{ id :'" + selectedRadio + "'}",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                  //perform the desired operations here eg. change labels and etc by getting the values from data object.
                },
                error: function () {
                    console.log('error');
                }
            });

        });            
    });
</script>

代码隐藏中的WebMethod：

    [WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public static string GetProduct(string product)
    {
        string result = string.Empty;
        try
        {
            //Get the product
            Product product = new Product();
            product.Name = "Sql tool";
            product.Price = 3.99M;
            result = JsonConvert.SerializeObject(product);
            //example output
            //{
            //  "Name": "Apple",
            //  "Price": 3.99,
            //}
        }
        catch (Exception ex)
        {
             result = ex.ToString();
            //Exception Handling Logic goes here
        }
        return result;
    }

希望对您有所帮助。