Discussion :

[gobelet]

Bonjour,
développeur logiciel habituellement je dois m'attaquer pour un projet au monde du web. Pour l'instant ça allais. Jusqu'au moment où j'ai essayé de me servir de la bibliotheque jquery ...

J'ai :

• une page html avec un input text
• un fichier .js
• la bibliothèqye JQuery
• un fichier xml

J'ai bien mes

Code :

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

<script type="text/javascript" src="jquery-1.7.2.js"></script><script type="text/javascript" src="test.js"></script>

Voici la fonction js qui me pose soucis :

Code :

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

1
2
3
4
5
6
7
function getInfoFromXml(idcommande) {
    var pathFileXml = "./in/XXXXXXXX.xml";
    var docXml = $.get(pathFileXml);
    $(docXml).find('IDCOMMANDE').each(function () {
       document.getElementById('idcommande').value = $(this).text();
        });
}

et voici mon xml géneré "automatiquement" en C# a partir d'une requete sql :

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
<?xml version="1.0" standalone="yes"?>
<NewDataSet>
  <xs:schema id="NewDataSet" xmlns="" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
    <xs:element name="NewDataSet" msdata:IsDataSet="true" msdata:MainDataTable="XXX" msdata:UseCurrentLocale="true">
      <xs:complexType>
        <xs:choice minOccurs="0" maxOccurs="unbounded">
          <xs:element name="XXX">
            <xs:complexType>
              <xs:sequence>
                <xs:element name="IDCOMMANDE" type="xs:decimal" minOccurs="0" />
                <xs:element name="XXXXX" type="xs:string" minOccurs="0" />
              </xs:sequence>
            </xs:complexType>
          </xs:element>
        </xs:choice>
      </xs:complexType>
    </xs:element>
  </xs:schema>
  <XXX>
    <IDCOMMANDE>18</IDCOMMANDE>
    <XXXXX>ZZZZ</XXXXX>
  </XXX>

Donc en théorie une fois que la fonction js à été éxecuté, je devrais avoir 18 dans mon input text, or je n'ai rien.
Est ce que quelqu'un vois une erreur de syntaxe ou quelque chose qui n'irais pas ?

Merci.

[Bovino]

Donc en théorie une fois que la fonction js à été éxecuté, je devrais avoir 18 dans mon input text

Ben non justement.
Voir : Un classique AJAX : utiliser les données au bon moment !.

[gobelet]

Je ne fais pas de requete donc je ne vois pas comment je pourrais faire du synchrone ou asynchrone.
De plus ce code est destiné a tourner en local sur des machines et le xml est en local sur la machine. Je ne communique donc pas avec un serveur à ce niveau.
Je voulais me servir de JQuery juste pour le "parcours" de mon fichier xml mais vus ce que je lit je commence à me poser la question si cela est vraiment posssible ...

[Bovino]

Je ne fais pas de requete

Euh...

Code :

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

$.get(pathFileXml);

c'est de la pâte à crèpe ?

[SpaceFrog]

Pas de requete ..
heu $.get = requete ajax

Code :

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

1
2
var docXml = $.get(pathFileXml);  // requzete ajax 
    $(docXml).find('IDCOMMANDE').each(function () { //appel d'un element avant le retour

=> passe ton appel find DANS le callback du get

[gobelet]

désolé, je suis vraiment débutant en JQuery.
Ce serais quelque chose plus dans cet idée là ?

Code :

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

1
2
3
4
5
var docXml = $.get(pathFileXml,function(){
            $(docXml).find('IDCOMMANDE').each(function () {
                document.getElementById('idcommande').value = $(this).val();
            });
        });

[SpaceFrog]

le seconde paramètre est en effet un callback
c'est a dire une fonction qui sera lancée après le retour du get

[Bovino]

Attention,

Code :

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

$(this).val()

n'a aucun sens dans un document XML. Il faut utiliser la méthode .attr()

[gobelet]

Comme ça, ça fait exactement ce que je veux

Code :

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

1
2
3
4
5
6
7
$.get(pathFileXml, function (data) {
        $(data).find('IDCOMMANDE').each(function () {
            if ($(this).text() == idcommande) {
                document.getElementById('idcommande').value = $(this).text();
            }
        });
    });

Merci