Discussion :

[Kasteelpiraat]

Bonjour,

Nouveau sur ce forum je débute en javascript / ajax / jquery et but sur un probleme depuis plusieurs jours.

Je genere via une procédure stockée (appel ajax) un tableau que je met en forme dans celle-ci puis retourne en xml.

si j'effectue par exemple un alert de mon resultat voila ce que j'obtiens :

Code xml :

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

<?xml version="1.0" encoding="utf-8" ?><XMLDATA><BUF RESULT="1"><PS><tr><td>8954102</td><td>B</td><td>2014-10-27 18:43:27</td><td>2014-10-28 11:35:16</td><td>11</td></tr><tr><td>8954101</td><td>B</td><td>2014-10-27 18:43:27</td><td>2014-10-28 11:35:16</td><td>10</td></tr><tr><td>9210100</td><td>B</td><td>2014-10-28 11:35:14</td><td>2014-10-28 11:35:14</td><td>11</td></tr><tr><td>9210001</td><td>B</td><td>2014-10-28 11:35:13</td><td>2014-10-28 11:35:13</td><td>11</td></tr><tr><td>8704302</td><td>B</td><td>2014-10-27 16:51:10</td><td>2014-10-28 11:35:13</td><td>11</td></tr></PS></BUF></XMLDATA>

Jusque ici tout va bien on retrouve bien la mise en forme de mon tableau (<tr> <td> etc...), cependant apres selection

via la ligne de code "$(this).find('PS').text()" afin de recuperer mon tableau se situant entre les balises "<PS>" il me supprime mes balises de mise en forme de mon tableau :'(

8954102B2014-10-27 18:43:272014-10-28 11:35:16118954101B2014-10-27 18:43:272014-10-28 11:35:16109210100B2014-10-28 11:35:142014-10-28 11:35:14119210001B2014-10-28 11:35:132014-10-28 11:35:13118704302B2014-10-27 16:51:102014-10-28 11:35:1311

Je vous joint ci dessous mes fonctions d'envoi et de reception ajax

//envoi

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
function http_req_jobs(){
var XMLDATA='<BUF id_req="10"></BUF>';
    $.ajax({
        url: root_srv,
        data: {XMLDATA:XMLDATA},
        datatype: "xml",
        type : 'POST',
        success: Res_http_req_jobs
    }).done(function(){
        console.log("Transfert OK");
        }).fail(function(){
        console.log("Transfert ERROR");
    }).always(function(){
        console.log("Transfert Finish");
    });
}

//reception

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function Res_http_req_jobs(xml){
    alert(xml);
    $(xml).find('BUF').each(function(){
        var res = $(this).attr('RESULT');
        if (res=1){
            var data = $(this).find('PS').text();
            alert(data);
            $(data).appendTo('#tab_jobs_data');
        }
    });           
}

Avez vous une idée de pourquoi il supprime mes balises de mise en forme ?

[SpaceFrog]

Il serait intéressant de savoir dans quoi tu l'appendes ?

Code :

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

$(data).appendTo('#tab_jobs_data');

sinon un exemple fonctionnel:
http://jsfiddle.net/Lno6k5Ln/1/

[Kasteelpiraat]

Directement dans le body de mon tableau, j'ai tester en injectant directement une chaine déjà formaté ca fonctionne ^^

[Bovino]

"$(this).find('PS').text()" afin de recuperer mon tableau se situant entre les balises "<PS>" il me supprime mes balises de mise en forme de mon tableau

Dans la mesure où c'est précisément ce qu'est sensée faire la méthode .text(), je ne vois pas où est le problème.
Si c'est le HTML (ou XML) que tu veux, alors utilise la méthode .html() !

[Kasteelpiraat]

J'ai essayé avec la methode .html il me retourne encore une vois ma chaine sans mes balises <tr> <td> :'(

[Bovino]

Arg... effectivement, .html() n'est pas valable pour du XML... ATPM.

Dans ce cas, il va falloir ruser. Essaye :

Code :

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

var data = $(this).find('PS').unwrap();

Et au passage

Code :

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

if (res=1){

= c'est une affectation, équivalent booléen true. Pour une comparaison, c'est ==.

[Kasteelpiraat]

Merci pour la correction
j'ai tester sans resultat :'(

Code :

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

1
2
3
4
5
 
var data = $(this).find('PS').unwrap();
//alert(data); 
//var data = '<tr><td>0172100</td><td>B</td><td>2014-10-29 09:18:43</td><td>2014-10-29 09:18:43</td><td>11</td></tr>';			
$(data).appendTo('#tab_jobs_data');

[Bovino]

Mouais... ça confirme ce que je pressentais : mélanger du XML et du HTML, c'est pas l'idée du siècle...
Je ne vois plus que des .find('tr') à appender à ta table, mais sans garantie. Ce serait pas plus judicieux de revoir la logique de ton appli ?

[Kasteelpiraat]

Bah apres ce qui me parait assez etrange c'est qu'on puisse pas recuperer une chaine xml avec ses balises
l'interêt pour moi etait de pouvoir gerer dynamiquement la structure de mes tableaux depuis psql :'(

[Kasteelpiraat]

Je vais surement devoir faire une boucle en javascript dans ma fonction de retour pour generer le tableau

[SpaceFrog]

Ben on peut ...

http://jsfiddle.net/Lno6k5Ln/2/

[Bovino]

Tiens, c'est étonnant parce que sur cette page, il est bien mentionné :

This method is not available on XML documents.

[SpaceFrog]

Cela provient peut être de la methode

Code :

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

xmlresp=$.parseXML( resp );

une interprétation jqueryesque du xml ?

[Kasteelpiraat]

Merci beaucoup !!!
Au final j'avais omis d'effectuer un parseXML...
Je passe en résolu et encore merci !