Llamar ASP.NET PageMethod/WebMethod con jQuery - devuelve toda la página

Question

jQuery 1.3.2, ASP.NET 2.0. Hacer una llamada AJAX a PageMethod (WebMethod) devuelve la página completa/completa en lugar de solo la respuesta. Un punto de corte en el método de la página muestra que nunca se golpea. Tengo el atributo [WebMethod] en mi método, y es public static, devuelve string y no acepta parámetros. Incluso traté de agregar [ScriptService] en la parte superior de mi clase para ver si me ayudó, pero no fue así.

He visto este post Jquery AJAX with ASP.NET WebMethod Returning Entire Page que tenía mis mismos síntomas, pero sigo teniendo un problema. Leí http://encosia.com/2008/05/29/using-jquery-to-directly-call-aspnet-ajax-page-methods/ y siento que estoy siguiendo esto a la T, pero todavía no tuve suerte.

La llamada jQuery que estoy haciendo es:

jQuery.ajax({ 
    type: 'POST', 
    contentType: 'application/json; charset=utf-8', 
    data: '{}', 
    dataType: 'json', 
    url: 'MyPage.aspx/SomePageMethod', 
    success: function(result){ 
     alert(result); 
    } 
}); 

Las cabeceras de petición/respuesta, según Firebug en FF3, son los siguientes

Response Headers 
Server ASP.NET Development Server/8.0.0.0 
Date Tue, 24 Feb 2009 18:58:27 GMT 
X-AspNet-Version 2.0.50727 
Cache-Control private 
Content-Type text/html; charset=utf-8 
Content-Length 108558 
Connection Close 

Request Headers 
Host localhost:2624 
User-Agent Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6 
Accept application/json, text/javascript, */* 
Accept-Language en-us,en;q=0.5 
Accept-Encoding gzip,deflate 
Accept-Charset ISO-8859-1,utf-8;q=0.7,*;q=0.7 
Keep-Alive 300 
Connection keep-alive 
Content-Type application/json; charset=utf-8 
X-Requested-With XMLHttpRequest 
Referer http://localhost:2624/MyApp/MyPage.aspx 
Content-Length 2 
Cookie ASP.NET_SessionId=g1idhx55b5awyi55fvorj055; 

He añadido un ScriptManager a mi página solo para ver si ayudó, pero no hubo suerte allí.

¿Alguna sugerencia?

Answer 1

¿Sabe que los métodos de página funcionan correctamente? Si usa el ScriptManager, ¿funcionan?

Parece que puede estar perdido a web.config entry. Específicamente la sección HttpModules.

Answer 2

La mayoría de los escenarios de Ajax que he visto realmente deberían llamar a un servicio web o a un manejador de scripts separado, no a una página. Eso es extremadamente fácil de hacer en .net 3-5, no tan fácil en 2-0. Incluso después de averiguar (si) cómo no cargar toda la página, aquí hay razones para no llamar a un método de página:

1) El método de página puede cargar menos cosas que una carga de página completa, pero aún mucho más que necesitas una simple llamada ajax. 2) Pésima separación de responsabilidades. Es probable que la página sea la responsable de colocar bien las cosas, no la lógica que estás utilizando en el método ajax.
3) Tal vez necesite algún estado de sesión, pero aún debería estar disponible.

Actualmente estoy actualizando mis conocimientos sobre este tema ... Buscaré una buena respuesta a esta pregunta en este hilo, o la publicaré la próxima semana. Aquí está la dirección hacia la que me dirijo

1) Envíe JSON desde el servidor al cliente y use javascript para actualizar su página. - Una variedad de marcos hacen que sea fácil producir JSON desde el servidor web.
2) JQuery hace que las llamadas ajax, el manejo json y el formateo del cliente sean divertidos, en lugar de ser doloroso.

Answer 3

me faltaba una línea de mi web.config:

<system.web> 
    <httpModules> 
    <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/> 
    </httpModules> 
</system.web> 

Answer 4

me encontré con este problema hoy de nuevo por una razón diferente: había escrito mal "aplicación" en

contentType: 'application/json' 

Y estaba recibiendo una respuesta de página completa en lugar de una llamada a WebMethod.

Answer 5

Tirar esto aquí como una nota al margen.Estaba obteniendo ese error debido a la longitud de mis variables de cadena en mi cadena HTML y el sitio web que utilicé para llamar mi ajax se veía así.

loc = (loc.substr(loc.length - 1, 1) == "/") ? loc + "Default.aspx" : loc; 
     $.ajax({ 
      type: "POST", 
      url: loc + "/" + methodName, 
      data: "{" + args + "}", 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: onSuccess, 
      error: onFail 
     }); 

no era capaz de extraer el enlace .aspx correctamente, por lo que sólo codificada de manera no mi página web en lugar de utilizar la locomotora var.

Answer 6

Si ha intentado todo eso y todavía obtiene toda la página devuelta desde el método de su página, puede asegurarse de que no esté utilizando las URL amistosas. Si los está utilizando, este truco puede ayudarle a

añadir esta línea en su script js antes de realizar la llamada:

PageMethods.set_path(PageMethods.get_path() + '.aspx'); 

Answer 7

Después de casi dos horas, y después había intentado todo lo que finalmente se resolvió. El comentario de @Marvin Zumbado me ayudó. Me faltaba el .aspx de mi URL. ¡Sé que este no es mi mejor momento como programador!