c# - Jquery + AJAX + ASP.Net + WebForms

Question

我有一些 JQuery AJAX POSTing 数据到我的后端 C# WebForm。它发布到一个返回值的静态字符串 WebForm 方法，JQuery 使用该值来更改 html 中的图像 url。一切都很好，花花公子。

但是，我想扩展现有代码的功能(虽然我不会完全重写它)以允许我从 C# 后端操作前端 ASP 控件，但我不能这样做，因为到作为我的 WebForm 的所述静态字符串方法。

有没有人有什么想法可以帮助我解决困境？

后端

    [System.Web.Services.WebMethod]
    public static string ImageLoad(string address)
    {
        //if fail
        return "/Unavailable.bmp";

        //if succeed
        return "myimage.jpg";
        //third option
        else
        return "myotherimage.jpg";
    }

JQuery/AJAX

function scriptImageLoad() {
   var address = $("#txtAddress").val();
       $.ajax({
           type: "POST",
           url: "myPage.aspx/ImageLoad",
           data: "{'address':'" + address.toString() + "'}",
           contentType: "application/json; charset=utf-8",
           dataType: "text",
           success: function (output) {
                $('#imgImage').attr('src', output);
           }
       });
   }
});

Answer 1

使用 WebService .这将允许您在网站的任何位置使用 jQuery 调用该服务。

function scriptImageLoad() {
   var address = $("#txtAddress").val();
       $.ajax({
           type: "POST",
           url: "MyService.asmx/ImageLoad",
           data: "{'address':'" + address.toString() + "'}",
           contentType: "application/json; charset=utf-8",
           dataType: "text",
           success: function (output) {
                $('#imgImage').attr('src', output);
           }
       });
   }
});

[WebService, ScriptService]
public class MyService : WebService
{
    [ScriptMethod]
    public static string ImageLoad(string address)
    {
        //if fail
        return "/Unavailable.bmp";

        //if succeed
        return "myimage.jpg";
        //third option
        else
        return "myotherimage.jpg";
    }
}