Chiamare il metodo web di una pagina da javascript su un'altra pagina

Question

È possibile chiamare un metodo attribuito con [WebMethod] da javascript su una pagina diversa? Cioè utilizzando la seguente jquery ajax chiamata da script in una pagina denominata PageTwo.aspx:

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

PageOne.aspx.cs contenenti

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

Answer 1

Questo è possibile, a patto che si specifica l'URL corretto. Controllare il seguente modulo:

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

ed è corrispondente 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> 

Facendo clic sul pulsante echoSumbit invierà il contenuto della casella di input per un WebMethod su un altro controllo, SampleForm.aspx. Ecco il code-behind di quella forma:

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

Il gestore di clic nel Chat.aspx invia il valore di ingresso a SampleForm.aspx.cs, che restituisce il valore inviato. Il valore restituito viene aggiunto a un div in Chat.aspx nel metodo di successo della chiamata .ajax.