Javascript-Daten verwalten

Question

Ich habe eine Website, die eine Benutzerdaten bei der Anmeldung erhält. Diese Daten werden von MySQL als Zeichenfolge gespeichert, und nach dem Aufrufen dieser Zeichenfolge mit AJAX, teile ich die Daten von Js-Funktion: str.split (). Dies gibt ein Array mit allen IDs der Btns zurück, die ich überprüfen möchte, und mit dem ".each" -Aufruf überprüfe ich alle übereinstimmenden Btns. das große Problem ist, dass dieser Prozess etwa 10 Sekunden auf dem lokalen Server dauert. gibt es einen besseren und schnelleren Weg, um Benutzerdaten zu erhalten? S.: Wir sprechen über Hunderte von Btns bei der Benutzeranmeldung.

hier ist der Code:

function get_saved_list(){ 
    $.ajax({ 
     type: "post", 
     url: "ajax/get_saved_list.php", 
     success: function(data){ 
      list=data.split(";"); 
      for(j=0; j<list.length-1; j++){ 
       $(".content #"+list[j]).siblings('a').trigger('click'); 
      } 
      setTimeout("$('#save').hide()", 1); 
     } 
    });  
} 

einige der html umfassen das 'a', das ausgelöst wird:

<ul class="content"><li> 
<a class="third_cat_chb cat_chb_off"></a><span>page</span> 
             <button id="page_<?php echo $row['page']."Z"; ?>chapter_<?php echo $row['s_id'];?>" style="width: 20px; margin-right: 5px;" class="page_chooser"></button></li></ul> 

sory für das schlechte Format:)

Answer 1

Do not Setzen Sie Ihren ID-Selektor mit einer Klasse voran. Dies verhindert, dass jQuery die native getElementById() verwendet, und stattdessen getElementsByClassName(), was langsamer ist. Statt

diesen Selektor Versuchen: $("#"+list[j])

ich in der Lage war durch 1000 Elemente in einer Schleife und löst einen Klick in etwa 1 Sekunde, anstatt 4-5 Sekunden durch eine Klasse zuerst tun.

Es würde auch helfen, wenn Sie eine ID auf die tatsächliche <a> setzen könnten, die Sie klicken möchten, so dass Sie den Aufruf von Geschwister() vermeiden können, die zusätzlichen Overhead hinzufügt.

Answer 2

Wenn Sie die Kontrolle über den Server haben, würde es sehr viel Zeit sparen, das checked="true" html-Attribut zu verwenden, indem Sie es in php einstellen, anstatt ein Klickereignis auszulösen.

Wenn Sie mit Javascript stecken: Ich bin mir nicht sicher, aber es könnte auch schneller sein, die Eigenschaft checked als klicken, da Sie dann nicht auch ein "Klick" -Ereignis auslösen würde.

$("#"+list[j]).siblings('a').attr('checked'); 

sollte funktionieren, obwohl ich es nicht getestet habe.

Wirklich obwohl, wenn Sie können, setzen Sie es auf dem Server ist der Weg zu gehen.