Question

是否可以在另一个页面上从javascript调用[WebMethod]归因的方法？即在名为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，后者返回发送的值。返回的值将附加到.ajax调用的success方法中Chat.aspx中的div。

在另一个页面上从javascript调用页面的webmethod

1 个答案: