php_jquery_ajax
Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
php_jquery_ajax [2016/05/23 11:25] mh created |
php_jquery_ajax [2016/05/23 11:27] (current) mh |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | <code> | ||
| <html> | <html> | ||
| <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script> | <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script> | ||
| Line 48: | Line 49: | ||
| </div> | </div> | ||
| <html> | <html> | ||
| + | </code> | ||
| + | |||
| + | Oder die Trennung von Präsentation und Datengenerierung | ||
| + | |||
| + | php, liefert JSON | ||
| + | list-persons-ajax.php | ||
| + | <code> | ||
| + | <?php | ||
| + | require('db.php'); | ||
| + | $dbh = get_db(); | ||
| + | $person_list = | ||
| + | $dbh->query('select fullname, birthdate, country_code from person') | ||
| + | ->fetch_all(MYSQLI_ASSOC); | ||
| + | | ||
| + | header('Content-type: application/json'); | ||
| + | echo json_encode($person_list); | ||
| + | </code> | ||
| + | |||
| + | welches dann mit jquery get abgefragt und danach formatiert angezeigt wird | ||
| + | <code> | ||
| + | <html> | ||
| + | <script src="https://code.jquery.com/jquery-2.2.0.min.js"></script> | ||
| + | |||
| + | <div id='liclass'> | ||
| + | </div> | ||
| + | <script> | ||
| + | $(document).ready(function() { | ||
| + | var ret = $.get("/kurs/list-persons-ajax.php") | ||
| + | .done(function( person_list) { | ||
| + | $.each( person_list, function( key, person ) { | ||
| + | $('#liclass').append("<li>"+ person['fullname'] +"</li" ); | ||
| + | }); | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | </html> | ||
| + | </code> | ||
| + | |||
php_jquery_ajax.1463995517.txt.gz · Last modified: 2016/05/23 11:25 by mh
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
