使用ajax和jquery从数据库动态添加预填充的表单

Question

Ive been researching online for a couple days and I cant seem to find out the answer to my question. I would like to append a div or insert a pre populated form from my database depending on a drop down menu (selecting from a row in my DB). Once you press a button it will add the form field to a div or area above. Any suggestions? How should I tackle this? Im extremely new to Jquery and Ajax but know PHP fairly well.

Answer 1

One way is to populate the fields when the page is being loaded. (pass the values on to your html page with "value=<$php echo $someData %>"

if you want to load the data without refreshing the page each time, I'd suggest you make a different page that will load the data from the database through POST-requests and retrieve the data as JSON, so you can parse it with Javascript and update the fields accordingly.

updating the fields can be done like so:

json = YourJSONData;    
$('.some-class').val(json['someData']); // if populating a form field
$('.some-other-class').html(json['someOtherData'); // if populating a div or other DOM element.

etc...