Best practice con jQuery e chiamate AJAX

Question

Ho una domanda sulle migliori pratiche quando si utilizza jQuery/JavaScript/Ajax. Diciamo che ho alcune attività e c'è un calendario per ogni attività. L'utente può fare clic su un giorno in un calendario delle attività e prenotare l'attività in un giorno specifico tramite AJAX. Devo memorizzare la data e l'ID del compito da qualche parte e io sto usando gli ID veramente bizzarre per quella come ad esempio:

<span class="day_field" id="date_13-02-2013_task_4">13.02.2013</span> 

poi ho allegare un listener in questo modo:

$('.day_field').on('click',function(){ 
    var date = $(this).id.split('_')[1]; 
    var task_id = $(this).id.split('_')[3]; 
    //place for some validation 
    $.post('book_task.php',{task_id: task_id, date: date},function(data){ 
     //something cool with the result 
    }); 
}); 

La mia domanda è: è questo il modo giusto come farlo? Non ne sono abbastanza sicuro, perché gli ID possono essere molto lunghi + contiene ID nel database che probabilmente non viene salvato affatto.

Grazie! T.

Answer 1

Uso HTML5 dati:

<span class="day_field" data-date="13-02-2013" data-task="4">13.02.2013</span> 

$('.day_field').on('click',function(){ 
    var date = $(this).data("date"); 
    var task_id = $(this).data("task"); 
    //place for some validation 
    $.post('book_task.php',{task_id: task_id, date: date},function(data){ 
     //something cool with the result 
    }); 
}); 

Answer 2

Il modo giusto Un modo migliore per farlo sarebbe quello di memorizzare i dati in entrambi gli attributi dei dati, o fare l'arco un tag di ancoraggio e memorizzare la stringa param desiderato nella href.

<span class="day_field" data-date="13-02-2013" data-task="4>13.02.2013</span> 

or 

<a class="day-field" href="?task_id=4&date=13-02-2013">13.02.2013</a> 

con questo per il tag di ancoraggio:

$('.day_field').on('click',function(e){ 
    e.preventDefault(); 
    $.post("foo.php",this.href,handler); 
}); 

Answer 3

Esporre l'ID effettivo di qualcosa nel vostro database è solo insicuro come database.

L'utilizzo dell'elemento id dell'elemento sembra soddisfacente anche per me, se identifica univocamente una cosa. L'utilizzo degli attributi data è una possibilità di salvare sulla logica di divisione se lo si desidera, ma è comunque possibile utilizzare id in tandem.

Convenzionalmente parlando, questo è un codice molto addomesticato rispetto a gran parte di ciò che jQuery è. attribuisce

Answer 4

Invece di un ID, è possibile utilizzare personalizzato data attributes, in questo modo:

<span class="day_field" data-date="date_13-02-2013_task_4">13.02.2013</span> 

E poi si può accedere al valore come questo in jQuery:

$(".day_field").data("date"); 

Answer 5

Un altro modo elegante per associare i dati a un elemento è utilizzare jQuery's data. Tuttavia, vorrei prendere in considerazione la costruzione di un plugin jQuery e l'utilizzo di una sua istanza per ogni attività. Un plug-in incapsula tutti i dati di cui ha bisogno, quindi non è necessario memorizzarlo legato all'elemento, il che non è eccezionale.