是否可以在另一个页面上从
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";
- }
解决方法
只要您指定正确的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,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.
