Appeler un webservice depuis javascript

Version imprimable

21/08/2008, 15h37
Flackou

Appeler un webservice depuis javascript

Bonjour à tous,

Je dois appeler depuis JS un webservice qui fournit l'altitude d'un point en fonction de ses coordonnées géographiques (lat & long). Exemple d'utilisation du webservice : http://ws.geonames.org/srtm3?lat=50....0.2&style=full.
Savez-vous comment je peux procéder?

Merci d'avance
21/08/2008, 15h46
Matthieu2000

ajax
21/08/2008, 15h56
Flackou

Et plus précisément, comment je fais?

Ca m'étonne quand même que je sois obligé de passé par Ajax, alors que finalement ca n'est qu'une URL à construire et à appeler...
21/08/2008, 16h12
Matthieu2000

Détaille tes besoins! tu peux faire

Citation:

un lien comme tu l'a fait
un formulaire
ajax
popup/fram/iframe

pour appeler un service.
Que veux tu faire du résultat?
21/08/2008, 16h38
Flackou

C'est assez simple :
Dans mon formulaire j'ai un champ "adresse", qui me permet, en utilisant l'API Google Maps Javascript, de récupérer les latitude/longitude de l'adresse en question et de remplir des champs cachés correspondant. A partir de ces données (lat/long), je souhaite appeler le webservice en question (geonames), récupérer l'altitude et remplir un champ caché "altitude".

J'espère avoir été plus clair...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
function getXhr(){
	var xhr = null; 
	if(window.XMLHttpRequest) // Firefox et autres
	   xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
	   try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
	}
	else { // XMLHttpRequest non supporté par le navigateur 
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	   xhr = false; 
	} 
	return xhr;
}
/**
* Méthode qui sera appelée pour remplir le champ cache
*/
function go(long,lat,champ){
	var xhr = getXhr();
 
	var varURL="./srtm3";
	var varForm=lat="lat="+lat+"&lng="+long+"&style=full";
	xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 ){ 			
			champ.value=xhr.responseText;
		}
	}
	xhr.open("GET",varURL,true);
	xhr.send(varForm);
}

Merci beaucoup pour ton aide.
J'ai essayé ton code mais maleureusement, il ne fonctionne pas encore : la fonction onreadystatechange n'est jamais appelée.
Voilà mon code très légèrement modifié :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
function getXhr(){
	var xhr = null; 
	if(window.XMLHttpRequest) // Firefox et autres
	   xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
	   try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
	}
	else { // XMLHttpRequest non supporté par le navigateur 
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	   xhr = false; 
	} 
	return xhr;
}
 
function remplir_altitude(longitude,latitude,champ){
	var xhr = getXhr();
 
	var varURL="http://ws.geonames.org/srtm3"; // J'ai changé l'adresse du webservice
	var varForm="lat="+latitude+"&lng="+longitude+"&style=full";
	alert(varForm);
	xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 ){ 			
			champ.value=xhr.responseText;
			alert(xhr.responseText); // J'ai mis des alerts dans chacun des cas pour détecter le passage par la fonction onreadystatechange
		}
		else { 			
				alert('Erreur'); 
		}
	}
	xhr.open("GET",varURL,true);
	xhr.send(varForm);
}

Peut-être as-tu un lien où les XMLHTTPRequest seraient bien expliqués?

21/08/2008, 19h01
Flackou

... mais ceci est surement dû à la restricition de ce webservice qui refuse les requêtes XMLHttpRequest. Dans le forum de geonames.org, ils disent que l'on peut utiliser leur webservice JSON, et que c'est compatible avec javascript.

Mais comment faire appel à un webservice JSON en javascript?
22/08/2008, 10h14
Matthieu2000

Citation:

Envoyé par Flackou

var varURL="http://ws.geonames.org/srtm3"; // J'ai changé l'adresse du webservice

FF ne supporte pas les différents domaines
ie : il y a un peu moins de sécurité!
Si ce n'est pas un de tes services, il vaux mieux ne pas utiliser javascript!