Comment appeler un service Web à partir de jQuery

Question

Je souhaite appeler un service Web à partir de jQuery. Comment puis je faire ça?

Answer 1

Vous pouvez faire une requête AJAX comme toute autre demande:

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

}) 

Answer 2

EDIT:

L'OP ne cherchait pas à utiliser les requêtes inter-domaines, mais jQuery soutient JSONP au v1.5. Voir jQuery.ajax(), spécifiquement le paramètre crossDomain. Les requêtes régulières Ajax de jQuery ne fonctionneront pas entre les sites, donc si vous souhaitez interroger un service Web RESTful distant, vous devrez probablement créer un proxy sur votre serveur et interroger celui-ci avec une requête get jQuery. Voir this site pour un exemple.

S'il s'agit d'un service Web SOAP, vous pouvez essayer le jqSOAPClient plugin.

Answer 3

Je blogué sur la façon de consommer un service WCF en utilisant jQuery:

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

Le message montre comment créer un proxy de service directement en javascript.

Answer 4

Incase a un problème comme moi en suivant la réponse de Marwan Aouida ... le code a une petite faute de frappe. Au lieu de "succès", il dit "succès" changer l'orthographe et le code fonctionne bien.

Answer 5

En Java, cette valeur de retour échoue avec jQuery Ajax GET:

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

mais cela fonctionne:

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

---- 

classe complète:

@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(); 
    } 
}