Comment supprimer les dernières données ajoutées

Question

J'ai un fichier js qui ajoute des données de webmethod à un gridview. Mon problème est chaque fois que je clique à nouveau sur mon bouton, il ajoute et ajoute les nouvelles données avec les données précédentes dans la grille. Est-il possible de supprimer les dernières données ajoutées et d'en ajouter une nouvelle? Une autre question. En liant un gridview, j'ai besoin de lier un datasoure lors du chargement de la page, afin de lui faire afficher les données que je veux ajouter. Comment puis-je supprimer cette source de données que j'ai liée en essayant d'en ajouter une nouvelle? Désolé pour les longues et nombreuses questions. MERCI!

$.ajax({ 
    url: "Default.aspx/getDetails", 
    data: Data, 
    type: "POST", 
    dataType: "json", 
    contentType: "application/json; charset=utf-8", 
    success: function (mydata) { 
    for (var i = 0; i < mydata.d.length; i++) { 
     $(".rpt").html("<table id=\"tbl\"><tr>" + 
         "<th style='background-color: #75a844' class='tbl_h'>Date Joined</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>Memberid</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>Member ID</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>User ID</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>Username</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>Password</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>Full Name</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>First Name</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>Last Name</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>Birth Date</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>Address</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>Location</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>Sponsor ID</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>Parent ID</th>" + 
         "<th style='background-color: #75a844' class='tbl_h'>Placement</th>" + 
         "</tr>"); 

      for (var i = 0; i < mydata.d.length; i++) { 
       $("#tbl").append("<tr><td>" + mydata.d[i].datejoined + 
                    "</td><td>" + mydata.d[i].memid + 
                    "</td><td>" + mydata.d[i].memberid + 
                    "</td><td>" + mydata.d[i].userid + 
                    "</td><td>" + mydata.d[i].usrname + 
                    "</td><td>" + mydata.d[i].pssword + 
                    "</td><td>" + mydata.d[i].fullname + 
                    "</td><td>" + mydata.d[i].fname + 
                    "</td><td>" + mydata.d[i].mname + 
                    "</td><td>" + mydata.d[i].lname + 
                    "</td><td>" + mydata.d[i].bdate + 
                    "</td><td>" + mydata.d[i].address + 
                    "</td><td>" + mydata.d[i].location + 
                    "</td><td>" + mydata.d[i].sponsorid + 
                    "</td><td>" + mydata.d[i].parentid + 
                    "</td><td>" + mydata.d[i].placement + "</td></tr>"); 
      } 
      $("#tbl").append("</table>"); 
     } 
    }); 

Answer 1

cacheBoolean Par défaut: true, false pour 'script' dataType et 'jsonp' Si la valeur false, elle forcera les pages demandé de ne pas être mises en cache par le navigateur. Définir le cache sur false ajoute également un paramètre de chaîne de requête, "_ = [TIMESTAMP]", à l'URL.

cache : false, 

---

Si votre #Grid1D n'a pas d'autres éléments à l'intérieur, vous pouvez également faire:

$("#Grid1D").html(
     // ... 
); 

au lieu de .append()