Cómo llamar a un servicio web desde jQuery

Question

Deseo llamar a un servicio web desde jQuery. ¿Cómo puedo hacer eso?

Answer 1

Usted puede hacer una petición AJAX como cualquier otra solicitud:

$.ajax({ 
type:'Get', 
url:'http://mysite.com/mywebservice', 
success:function(data) { 
alert(data); 
} 

}) 

Answer 2

EDIT:

El PO no estaba mirando a usar las solicitudes de varios dominios, pero jQuery soporta JSONP partir de v1.5. Consulte jQuery.ajax(), específicamente el parámetro crossDomain.

Las solicitudes regulares de jQuery Ajax no funcionarán en sitios cruzados, por lo que si desea consultar un servicio web RESTful remoto, probablemente deba realizar un proxy en su servidor y consultarlo con una solicitud jQuery get. Ver this site para un ejemplo.

Si se trata de un servicio web SOAP, es posible que desee probar el jqSOAPClient plugin.

Answer 3

blogged acerca de cómo consumir un servicio WCF utilizando jQuery:

http://yoavniran.wordpress.com/2009/08/02/creating-a-webservice-proxy-with-jquery/

El puesto se muestra cómo crear un proxy de servicio hacia arriba en javascript.

Answer 4

En caso de que la gente tenga un problema como yo después de la respuesta de Marwan Aouida ... el código tiene un pequeño error tipográfico. En lugar de "éxito", dice "éxito" cambiar la ortografía y el código funciona bien.

Answer 5

En Java, este valor de retorno falla con jQuery Ajax GET:

return Response.status(200).entity(pojoObj).build(); 

Pero esto funciona:

ResponseBuilder rb = Response.status(200).entity(pojoObj); 
return rb.header("Access-Control-Allow-Origin", "*").build(); 

---- 

clase completa:

@Path("/password") 
public class PasswordStorage { 
    @GET 
    @Produces({ MediaType.APPLICATION_JSON }) 
    public Response getRole() { 
     Contact pojoObj= new Contact(); 
     pojoObj.setRole("manager"); 

     ResponseBuilder rb = Response.status(200).entity(pojoObj); 
     return rb.header("Access-Control-Allow-Origin", "*").build(); 

     //Fails jQuery: return Response.status(200).entity(pojoObj).build(); 
    } 
}