2011-12-14 4 views
0

Je crée un site Web mobile en utilisant html5. Actuellement, j'utilise javascript pour remplir mes champs avec des données statiques. J'ai également créé un webservice en utilisant .net et C#, et une base de données en utilisant mysql. Mon webservice peut interroger correctement la base de données. Est-ce que quelqu'un sait comment appeler le webservice à partir d'une fonction javascript?comment appeler un service Web en utilisant html et javascript

Répondre

0

Le moyen le plus simple est d'utiliser AJAX - la plupart des bibliothèques comme jQuery ont un support direct. Notez que de par leur conception, les navigateurs ne vous permettent pas d'accéder à un service Web qui s'exécute sur un domaine différent de la page hôte (voir this) mais il existe des moyens d'utiliser des techniques telles que JSONP.

La méthode la plus rapide pour commencer est probablement d'utiliser la fonction jQuery's ajax(). J'espère que cela t'aides!

3

Personnellement, j'utiliserais jquery pour cela. Il y a un très bon article à ce sujet ici: http://encosia.com/using-jquery-to-consume-aspnet-json-web-services/

Fondamentalement, vous appelez le webservice, avec la fonction Ajax(), et le crochet quelques fonctions à son succès (et possible échec) des événements, comme dans cet exemple:

$(document).ready(function() { 
    $.ajax({ 
    type: "POST", 
    url: "RSSReader.asmx/GetRSSReader", 
    data: "{}", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function(msg) { 
     // Hide the fake progress indicator graphic. 
     $('#RSSContent').removeClass('loading'); 

     // Insert the returned HTML into the <div>. 
     $('#RSSContent').html(msg.d); 
    } 
    }); 
}); 

Vous pouvez alors obtenir votre sortie webservice, des "msg" dans la fonction sucess.

+0

@ Mr.Disappointment, Gotcha. – Nicolai

Questions connexes