Appel d'une méthode côté serveur ASP.NET via jQuery

Question

J'essaie d'appeler une méthode côté serveur du côté client via jQuery. Mon code est le suivant:

côté serveur:

using System.Web.Services; 
    [WebMethod()] 
    //[ScriptMethod()] 
    public static void SendMessage(string subject, string message, string messageId, string pupilId) 
    { 
     //Send message 
    } 

côté client:

$("#btnSendMessage").live("click", function(){ 
    var subject = $("#tbSubject").val(); 
    var message = $("#tbMessage").val(); 
    var messageId = $("#hdnMessageId").val(); 
    var pupilId = $("#hdnPupilId").val(); 

    $.ajax({ 
     type: "POST", 
     url: "./MessagePopup.aspx/SendMessage", 
     data: ("subject=" + subject + "&message=" + message + "&messageId=" + messageId + "&pupilId=" + pupilId), 
     error: function(XMLHttpRequest, textStatus, errorThrown){ 
      alert(textStatus); 
     }, 
     success: function(result){ 
     alert("success"); 
     } 
    }); 
    return false; 
}); 

J'ai ajouté un point de rupture sur le côté serveur méthode SendMessage, mais il n'a jamais frapper, mais quand j'exécute le code, la méthode de succès jQuery est appelée. Qu'est-ce qui peut être à l'origine de ce problème? `

Answer 1

Pour appeler ASP.NET AJAX "ScriptServices" et les méthodes de page, vous devez utiliser le .ajax complet $() Syntaxe:

$.ajax({ 
    type: "POST", 
    url: "MessagePopup.aspx/SendMessage", 
    data: "{subject:'" + subject + "',message:'" + message + ",messageId:'" + messageId + "',pupilId:'" + pupilId +"'}", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function(msg) { 
    // Do something interesting here. 
    } 
}); 

Voir cette pour plus de détails sur les raisons pour lesquelles cela est nécessaire: http://encosia.com/2008/05/29/using-jquery-to-directly-call-aspnet-ajax-page-methods/

Éditer: L'extension ne change pas en .asmx mais reste .aspx.

Answer 2

Vous devez utiliser le service Web au lieu de la page Web aspx standard. Les pages Web ne supportent pas les méthodes Web, je crois que votre requête jQuery charge la page HTML à la place. Je vous suggère deux choses:

1. Utilisez Fiddler2 (avec IE) ou HttpFox (avec Firefox) pour déboguer les requêtes AJAX et les réponses côté client.
2. Utilisez le service Web WCF côté serveur. Dans ce cas, vous pouvez utiliser SvcConfigEditor et SvcTraceViewer pour configurer et déboguer les méthodes Web côté serveur.

Answer 3

Il semble que vous essayiez d'utiliser une méthode de page.

Jetez un coup d'oeil ici Page Methods in ASP.NET Ajax aide

Answer 4

Voici un code qui pourrait fonctionner dans votre situation.

<script type="text/javascript"> 
    $(document).ready(function() { 

     // Add the page method call as an onclick handler for the button. 
     $("#btnSubmit").click(function() { 

      //get the string from the textbox 
      $.ajax({ 

       type: "POST", 
       url: "testSearch.aspx/GetMyShippingDate", 
       contentType: "application/json; charset=utf-8", 
       data: "{'tracking_num': '" + $("#txtTrackingNumber").val() + "'}", 
       dataType: "json", 
       success: function (date) { 

        // Replace the div's content with the page method's return. 
        Success(date); 

       }, 
       error: Failed 
      }); 
     }); 
    }); 

    function Success(result) { 
      $("#ParcelShippingDate").html(result.d); 
     } 
     function Failed(result) { 
      alert(result.status + " " + result.statusText); 
     } 

Il est un exemple qui fonctionne toujours pour moi.

Voici l'article complet http://www.webdeveloperpost.com/Articles/How-to-use-jquery-ajax-in-asp-dot-net-web-page.aspx

Il fonctionne bien pour ceux qui veulent aller de l'avant droit d'utiliser l'appel de la méthode asp.net jquery retour

Answer 5

$.ajax({ 
     type: "POST", 
     url: "MessagePopup.aspx/SendMessage", 
     data: "{subject:'" + subject + "',message:'" + message + ",messageId:'" + messageId + "',pupilId:'" + pupilId +"'}", 
     async: true, 
     cache: false, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function() {}, 
     error:function (xhr, ajaxOptions, thrownError){ alert(thrownError); } 
    }); 

Si cela ne fonctionne pas .. .and donne "erreur de syntaxe: erreur de syntaxe" ... puis ajoutez ce

<httpHandlers> 
      <remove verb="*" path="*.asmx"/> 
      <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, 
System.Web.Extensions, Version=3.5.0.0, Culture=neutral, 
PublicKeyToken=31BF3856AD364E35"/> 
      <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, 
System.Web.Extensions, Version=3.5.0.0, Culture=neutral, 
PublicKeyToken=31BF3856AD364E35"/> 
      <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, 
System.Web.Extensions, Version=3.5.0.0, Culture=neutral, 
PublicKeyToken=31BF3856AD364E35" validate="false"/> 
     </httpHandlers> 
     <httpModules> 
      <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, 
Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> 
     </httpModules> 

entre </compilation> et </system.web> dans votre fichier web.config.

Espérons que cela aidera quelqu'un parce que cela m'a pris un certain temps pour comprendre qu'à côté de la fonction jquery je dois l'ajouter dans Web.Config.