Hey guy's Ich bin neu in der Programmierung. und ich möchte Json Daten in HTML-Tabelle mit jQuery anzeigen.JSON-Daten im HTML-Tabellenformat anzeigen
Ausgang kam vom Server:
{"status":1,"insert":1,"data":[{"id":"1","name":"Jatin","email":"[email protected]","status":"1"},{"id":"2","name":"Shubham","email":"[email protected]","status":"1"},{"id":"3","name":"Aneh","email":"[email protected]","status":"1"},{"id":"52","name":"php","email":"[email protected]","status":"test"},{"id":"53","name":"faf","email":"as","status":"d"},{"id":"54","name":"taus","email":"alksd","status":"fdasd"},{"id":"55","name":"nake","email":"nakk","status":"naii"},{"id":"56","name":"test1","email":"tausf","status":"dfasd"},{"id":"57","name":"","email":"","status":""},{"id":"58","name":"shubu","email":"[email protected]","status":"12"},{"id":"59","name":"panku","email":"[email protected]","status":"3"},{"id":"60","name":"Jatin","email":"[email protected]","status":"123d"}]}
HTML-Code:
<table border="1" align="center">
<tr>
<td> <input type="button" id="display" value="Display All Data" /> </td>
</tr>
</table>
<div id="responsecontainer" align="center">
</div>
jquery:
<script>
$(document).ready(function() {
$("#display").click(function() {
$.ajax({ //create an ajax request to load_page.php
url:'http://localhost/webservice/php_webservices/WebServices.php?method=select',
type: "POST",
dataType: "html", //expect html to be returned
success: function(response){
$("#responsecontainer").html(response);
//alert(response);
}
});
});
});
</script>
Probieren Sie etwas aus, um die Antwort zu verarbeiten, konvertieren Sie es in das JavaScript-Objekt, führen Sie eine Schleife für jedes Element im Array aus, erstellen Sie das erforderliche HTML-tr-td durch die Zeichenfolgenmanipulationen und Sie können loslegen. – Dharmang
Oder Check AngularJS (Tabellen Beispiel http://www.w3schools.com/angular/angular_tables.asp). Es würde Ihnen erlauben, mit wenigen Codezeilen zu arbeiten. – Fredster