Remplir dynamiquement le formulaire d'entrée

Question

J'ai deux tableaux sur ma page et ils apparaissent côte à côte. Le premier contient un formulaire d'entrée et le second contient une grille qui affiche les rangées d'enregistrements.

Lorsque l'utilisateur clique sur une ligne, les données relatives à cette ligne doivent apparaître dans les zones du formulaire de la première table.

Je sais comment appeler un fichier .php via AJAX. Mais quand j'ai interrogé la base de données et obtenu le résultat-ensemble, comment apporter toutes ces valeurs pour remplir le formulaire d'entrée de la première table?

Answer 1

Vous pouvez obtenir vos données au format json et définir les valeurs des champs d'entrée dans la fonction de rappel en l'utilisant.

$.getJSON(
    "your_url_to_request_data", { 
    your_params: and_it_values 
    }, 
    function(data) { 
    // data <-- this is your data 
    $("#field1").val(data.something); 
    } 
); 

Answer 2

Vous devez envoyer le résultat de la base de données à votre fichier JavaScript via une fonction de rappel silencieux implicite. Vous devez également encoder les données dans JSON avant de les envoyer au JavaScript. Ce que vous devez faire dans la fonction de rappel dans votre fichier JavaScript est d'analyser votre résultat en JSON en utilisant l'analyseur JSON natif. Vous y accédez en écrivant

JSON.parse(here_you_write_the_data_to_be_parsed);