Discussion :

[Flackou]

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

[Matthieu2000]

ajax

[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...

[Matthieu2000]

Détaille tes besoins! tu peux faire

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

pour appeler un service.
Que veux tu faire du résultat?

[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...

[Matthieu2000]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Flackou]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[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?

[Matthieu2000]

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!