Creare un array javascript di query ColdFusion da utilizzare con la funzione ajax

Question

Sto costruendo una pagina che visualizza i progetti dei miei clienti. Nel database, ogni record del progetto ha un flag booleano che indica a quale categoria e classe appartengono i progetti.

Le categorie di progetti; planning, landscape, environmental. E le classi; industrial, government, education, residential.

Quando l'utente vuole vedere progetti "pianificazione" per un'applicazione "industriale", ho interrogare il database di conseguenza utilizzando parametri URL al caricamento della pagina:

SELECT project_id, name, location, description, planning, landscape 
     , environment, industrial, government, education, residential 
FROM projects 
WHERE planning = 1 and 
     industrial = 1 

.. e visualizzare il primo progetto nel risultato impostato sulla pagina.

Ecco dove ho bisogno di aiuto

Sopra il display del progetto ci sono i link alle altre classi. Inoltre, se esistono altri progetti nella categoria/classe selezionata, esiste un collegamento che dice "Uno dei tre - vedi il prossimo progetto" se la query restituisce più progetti nella categoria planning che si trovano nella classe industrial. Voglio utilizzare una funzione Ajax per caricare un altro progetto nella pagina quando un utente fa clic su uno dei collegamenti sopra indicati tramite .load() o .ajax(). Come posso archiviare l'ID del progetto restituito dalla query per classe in modo che possa accedervi in ​​seguito con la chiamata ajax tramite i link nella pagina?

Ho familiarità con la parte javascript/jQuery ajax del lavoro - nessun problema lì. Non sono sicuro di come memorizzare le informazioni sulla pagina per accedervi.

Answer 1

È difficile dire esattamente quali dati è necessario passare senza più codice da parte dell'utente. Vorrei suggerire l'output tuoi link e utilizzando microdati in questo modo:

<a data-project="#project_id#">#name#</a> 

Per accedere a questo, basta fare questo:

$("a").click(function(e) { 
    e.preventDefault(); 
    var project_id = $(this).data("project"); 
    // You could load in your new data here 
});