Discussion :

[nico01984]

Bonjour � tous,

J�ai d�velopp� des Web service pour t�l�charger des fichiers. Pour le moment tout fonctionne bien avec un client Java. Ma�s j�aimerais r�aliser un client en JavaScript qui ferait appel aux diff�rentes m�thodes du Webservice afin de r�aliser une barre de progression par exemple. J�ai pas mal cherch� sur le net mais je ne trouve pas de piste pour le moment.
Est-ce que quelqu�un a d�j� fait appel � des m�thodes d�un servcie Web en Java avec JavaScript ?

Merci pour votre aide.

[Martin_Eden]

Bonjour, je suis un vieux d�butant de 50 ans sur cette technologie,
J'ai fait fonctionner cet exemple..

Tu peux faire des recherches sur l'utilisation du composant embarqu� (Ajax)
XMLhttpRequest.
La litt�rature sur le sujet est riche. Tu peux �galemnt utiliser les extensions
JSON sur lesquelles tu trouveras �galement beaucoup ,d'info.
Un JsonEncod dans le service Web, puis un �val dans la client qui est ensuite
trait� Part HTPPxmlResrponse du service
Le probl�me majeur selon le cas en Javascript est le d�parsage de flux XML.

Je suis dans la m^me d�marche que toi car je m'int�resse de tr�s pr�s � l'architecture des sust�mes ouvert, bien que n'�tant pas un d�vellopeur.

J'ai quelques exemples que je suis en train de finaliser.

La connaissance n'a pour limite que l'absence de curiosit�.



Code php

while($tmp = $database->Restitue()) {$database->statut["ReturnData"] = $tmp;}
print($tmp) ;
echo json_encode($database->statut);
return true;

JavasScript utilis�dans un template.

function getXhr()
{
var xhr = null;
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else
if(window.ActiveXObject) // Internet Explorer
{
// on enc apsule dans l'op�rateur try l'instuction que
// l'on veut surveiller
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}
// la classe �tant inexistante dans la version d'IE
// l'op�rateur catch pour activer un traitement.
// Dans ce cas pr�cis, on impl�mente la classe en faisant appel
// a une DLL pour utilieser le contr�le ActiveX
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
}

/***********************************************************
* Fonction pour �x�cuter un action apr�s l'impl�mentaion *
* correcte du composant XMLHTTrequest *
* Lorsqu'un formulaire est charg�, seule donn�es sont *
* transmises au serveur *
************************************************************/

function go(VarAction,Target){
// VarAction est de conteneur du message
//Target est le source PHP
var xhr = getXhr()
var IHM = window.location
// On ex�cute la m�thode xhr pour l'utilisation du composant
xhr.onreadystatechange = function(){
// On ne fait quelque chose que si on a tout re�u et que le serveur est ok
if(xhr.readyState == 4 && xhr.status == 200)
{
// R�cup�ration du message
//alert(xhr.responseText)
// utilisation d'une m�thode de type JSON (JavaScript Object Notation)
//pour r�cup�rer un tableau l'ensemble des composants valoris� sous forme de
//couples valeurs d�crit dans un tableau associatif.
//alert(xhr.responseText);
retour = eval('(' + xhr.responseText + ')');
if (retour.Statut == 'KO') // message d'erreur
{
alert(retour.NumEr + "\n " + retour.Statut);
}
else
/* dans le cas ou le retour ne renvoie pas d'erreur
On va lire ce que le pgm PHP nous retourne */
{
if (retour.ReturnData)
/* on aliemente la variable tableau detravail de �l�ment avec
la liste des �l�ment du formulaire s'agissant d'un tableau associatif,
on dispose pour chaque occurence d'un cl� qui correspond au nom du champ
et de sa valeur */
{ Elem = document.formulaire.elements;
/* il ne reste plus pour chaque chanmps cl� du tableau associatif
retourn� par la m�thode xhr.responseText d'�tablire la correspondance
des cl�s dans le tableau associatif des �l�ment du formulaitre*/
for( key in retour.ReturnData)
{ if ( Elem[key] )
{ /*Pour chaque correspondance, on alimente le champs du formulaire correspondant*/
Elem[key].value = retour.ReturnData[key];
}
}
}
else
alert(' enregistrement non trouv� : ' + retour.ReturnData);
}
}
}
// On active la medhode qui pr�parer l'�change et pr
xhr.open("POST",Target,true);
// On identifie par la m�thode setRequestHeader, le de message qui devra �tre lu
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// on envoi la s�quence d'inforamtion par la m�thode send
xhr.send(VarAction);
}

[Martin_Eden]

Bonjour, je suis un vieux d�butant de 50 ans sur cette technologie,
J'ai fait fonctionner cet exemple..

Tu peux faire des recherches sur l'utilisation du composant embarqu� (Ajax)
XMLhttpRequest.
La litt�rature sur le sujet est riche. Tu peux �galemnt utiliser les extensions
JSON sur lesquelles tu trouveras �galement beaucoup ,d'info.
Un JsonEncod dans le service Web, puis un �val dans la client qui est ensuite
trait� Part HTPPxmlResrponse du service
Le probl�me majeur selon le cas en Javascript est le d�parsage de flux XML.

Je suis dans la m^me d�marche que toi car je m'int�resse de tr�s pr�s � l'architecture des sust�mes ouvert, bien que n'�tant pas un d�vellopeur.

J'ai quelques exemples que je suis en train de finaliser.

La connaissance n'a pour limite que l'absence de curiosit�.



Code php

while($tmp = $database->Restitue()) {$database->statut["ReturnData"] = $tmp;}
print($tmp) ;
echo json_encode($database->statut);
return true;

JavasScript utilis�dans un template.

function getXhr()
{
var xhr = null;
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else
if(window.ActiveXObject) // Internet Explorer
{
// on enc apsule dans l'op�rateur try l'instuction que
// l'on veut surveiller
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}
// la classe �tant inexistante dans la version d'IE
// l'op�rateur catch pour activer un traitement.
// Dans ce cas pr�cis, on impl�mente la classe en faisant appel
// a une DLL pour utilieser le contr�le ActiveX
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
}

/***********************************************************
* Fonction pour �x�cuter un action apr�s l'impl�mentaion *
* correcte du composant XMLHTTrequest *
* Lorsqu'un formulaire est charg�, seule donn�es sont *
* transmises au serveur *
************************************************************/

function go(VarAction,Target){
// VarAction est de conteneur du message
//Target est le source PHP
var xhr = getXhr()
var IHM = window.location
// On ex�cute la m�thode xhr pour l'utilisation du composant
xhr.onreadystatechange = function(){
// On ne fait quelque chose que si on a tout re�u et que le serveur est ok
if(xhr.readyState == 4 && xhr.status == 200)
{
// R�cup�ration du message
//alert(xhr.responseText)
// utilisation d'une m�thode de type JSON (JavaScript Object Notation)
//pour r�cup�rer un tableau l'ensemble des composants valoris� sous forme de
//couples valeurs d�crit dans un tableau associatif.
//alert(xhr.responseText);
retour = eval('(' + xhr.responseText + ')');
if (retour.Statut == 'KO') // message d'erreur
{
alert(retour.NumEr + "\n " + retour.Statut);
}
else
/* dans le cas ou le retour ne renvoie pas d'erreur
On va lire ce que le pgm PHP nous retourne */
{
if (retour.ReturnData)
/* on aliemente la variable tableau detravail de �l�ment avec
la liste des �l�ment du formulaire s'agissant d'un tableau associatif,
on dispose pour chaque occurence d'un cl� qui correspond au nom du champ
et de sa valeur */
{ Elem = document.formulaire.elements;
/* il ne reste plus pour chaque chanmps cl� du tableau associatif
retourn� par la m�thode xhr.responseText d'�tablire la correspondance
des cl�s dans le tableau associatif des �l�ment du formulaitre*/
for( key in retour.ReturnData)
{ if ( Elem[key] )
{ /*Pour chaque correspondance, on alimente le champs du formulaire correspondant*/
Elem[key].value = retour.ReturnData[key];
}
}
}
else
alert(' enregistrement non trouv� : ' + retour.ReturnData);
}
}
}
// On active la medhode qui pr�parer l'�change et pr
xhr.open("POST",Target,true);
// On identifie par la m�thode setRequestHeader, le de message qui devra �tre lu
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// on envoi la s�quence d'inforamtion par la m�thode send
xhr.send(VarAction);
}