résolution des problème de search

referant/js/edit.js

@@ -36,10 +36,8 @@ function Edit(clas) {
         let value = new Value(obj);
         let xhr = new XMLHttpRequest();
         data.append('value', JSON.stringify(value));
-        console.log(data);
         xhr.onreadystatechange = function() {
             if (this.readyState == 4 && this.status == 200) {
-                console.log(this.response);
                 for (let i=1; i<11; i++) {
                     obj[i].innerHTML = this.response[i];
                 }

referant/js/search.js

@@ -1,27 +1,22 @@
-var tr = '';
-
 document.getElementById('form').addEventListener('submit', function(e) {
     e.preventDefault();
-    // try {
-    //     while (document.getElementsByName('tr')) {
-    //         document.getElementsByName('tr')[0].remove();
-    //     }
-    // } catch (e) {
-    //
-    // }
-    let data = new FormData(this);
-    console.log(data);
+
+    let tableBody = document.getElementsByTagName('tbody')[0]; // on raffraichie le tableau en enlevant les precedentes lignes
+    if (tableBody.children.length > 1) {
+        for (let i = 1; i < tableBody.children.length; i++) {
+            tableBody.removeChild(tableBody.children[i]);
+        }
+    }
+
+    let data = new FormData(this); // on récupère le formulaire
 
     let xhr = new XMLHttpRequest();
     xhr.onreadystatechange = function() {
         if (this.readyState == 4 && this.status == 200) {
             if (this.response != false) {
-                this.response.forEach((item, i) => {
-                    console.log(push_line(item[0]));
-                    console.log('salut' + tr);
-                    document.getElementsByTagName('tbody')[0].innerHTML = tr;
-                    let ticket = document.getElementsByClassName("'" + item[0] + "'");
-                    console.log(ticket);
+                this.response.forEach((item) => {
+                    pull_line(item[0]).then((value) => {
+                        let ticket = document.getElementsByClassName(item[0]);
                         for (let i=0; i < 11; i++) {
                             ticket[i].textContent = item[i];
                         }
@@ -31,6 +26,7 @@ document.getElementById('form').addEventListener('submit', function(e) {
                         else {
                             ticket[11].querySelector('img').src = "../img/excla.png";
                         }
+                    });
                     document.getElementsByTagName('table')[0].style.display = 'block';
                 });
             }
@@ -47,16 +43,18 @@ document.getElementById('form').addEventListener('submit', function(e) {
     xhr.send("champ=" + encodeURI(data.get('champ')) + "&" + "value=" + encodeURI(data.get('value')));
 });
 
-function push_line(clas) {
-    let xhr = new XMLHttpRequest();
-    xhr.open('POST', 'include/line.php', true);
+function pull_line(clas) {
+    return new Promise((resolve, reject) => {
+        let xhr = new XMLHttpRequest(), method = 'POST', file = 'include/line.php';
+        xhr.open(method, file, true);
         xhr.onreadystatechange = function() {
             if (this.readyState == 4 && this.status == 200) {
-            tr = this.response;
-            console.log(tr);
-            return tr;
+                resolve(document.getElementsByTagName('tbody')[0].innerHTML += this.response);
             }
         }
         xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
         xhr.send("class=" + encodeURI(clas));
+    })
+
+
 }

referant/search.php

@@ -67,10 +67,6 @@ include '../session_restraintes.php';
                     <td>traitement</td>
                     <td>valider</td>
                 </tr>
-                <?php
-                $class = 'ticket';
-                include 'include/line.php';
-                ?>
             </tbody>
         </table>
     </body>