从不同页面上的 javascript 调用页面的 webmethod

Question

是否可以在不同页面上从 javascript 调用带有 [WebMethod] 属性的方法？ IE。在名为 PageTwo.aspx 的页面上使用来自脚本的以下 jquery ajax 调用：

    $.ajax(
        {
            type: "POST",
            url: "pageone.aspx/PageOneMethodOne",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(msg)
                     {
                        //something
                     }
        }
    );

PageOne.aspx.cs 包含

    [WebMethod]
    public string PageOneMethodOne()
    {
        return "hello world";
    }

Answer 1

这是可能的，只要您指定正确的 URL。查看以下表格：

<form id="form1" runat="server">
<div>
    <div id="messages">
    </div>
    <input type="text" id="echo" /><input id="echoSubmit" value="Echo!" type="button"/>
</div>

它是对应的Javascript：

<script type="text/javascript">
    $(function () {
        $('#echoSubmit').click(function () {
            var mes = $('#echo').val();
            var jsonText = JSON.stringify({ message: mes });

            $.ajax({
                type: "POST",
                url: "SampleForm.aspx/SendMessage",
                data: jsonText,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    $("#messages").append(msg.d);
                }
            });
        });
    });
</script>

单击 echoSumbit 按钮会将输入框的内容发送到另一个控件 SampleForm.aspx 上的 WebMethod。这是该表单的代码隐藏：

public partial class SampleForm : System.Web.UI.Page
{
    [WebMethod]
    public static string SendMessage(string message)
    {
        return message;
    }
}

Chat.aspx 中的点击处理程序将输入值发送到 SampleForm.aspx.cs，SampleForm.aspx.cs 将返回发送的值。在.ajax 调用的success 方法中将返回值附加到Chat.aspx 中的一个div。