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

Question

是否有可能在不同的页面上调用javascript中的[WebMethod]属性？即利用脚本以下的jquery ajax调用名为PageTwo.aspx页：含

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

Answer 1

这是可能的，只要你指定正确的URL

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

PageOne.aspx.cs。看看下面的表格：

<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按钮将输入框的内容发送到一个WebMethod上的另一个控件，SampleForm.aspx。下面是形式的代码隐藏：

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

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