Json pour Jquery Datatables
J'ai essayé de l'affichage de la réponse Json sur Jquery datatables, sans succès. Fondamentalement, une fois que le serveur renvoie la réponse Json je veux qu'il s'affiche sur la table.J'ai eu le Json vérifié et il semble Json valide la réponse.
Réponse JSON
[
{
"pk": 7,
"model": "softwareapp.software",
"fields": {
"city": "miami",
"submitted_by": [],
"description": "test",
"title": "test",
"zipcode": "test",
"rating_votes": 0,
"state": "fl",
"address": "test",
"rating_score": 0,
"business_size": [
5
],
"slug": "test",
"developer": "test"
}
},
{
"pk": 8,
"model": "softwareapp.software",
"fields": {
"city": "",
"submitted_by": [],
"description": "",
"title": "test2",
"zipcode": "",
"rating_votes": 0,
"state": "",
"address": "",
"rating_score": 0,
"business_size": [
5
],
"slug": "test2",
"developer": ""
}
},
{
"pk": 10,
"model": "softwareapp.software",
"fields": {
"city": "",
"submitted_by": [],
"description": "",
"title": "test3",
"zipcode": "",
"rating_votes": 0,
"state": "",
"address": "",
"rating_score": 0,
"business_size": [
6
],
"slug": "test3",
"developer": ""
}
}
]
Ici est la fonction Jquery.
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
<script>
$(document).ready(function() {
/*var kaboohAPI = '{% url software-list-ajax %}';*/
jsondata = [];
$('#filterform').on('submit',function(e){
e.preventDefault();
var query = $('#filterform').serialize();
$.ajax({
type:'GET',
url: '{% url software-list-ajax %}',
datatype: 'json',
data: query,
success: function(data){
console.log(data);
$('#example').dataTable({
'aaData': data,
"aaColumns":[
{"mData":"title"},
{"mData":"developer"}
],
});
}/* response processing function ends */
});/* ajax function ends */
});
});
</script>
OriginalL'auteur shaytac | 2013-12-20
Vous devez vous connecter pour publier un commentaire.
JSON n'est pas lu par la fonction datatable. Votre JSON doit être un tableau de tableaux ou d'un tableau d'objets. Donc, une meilleure solution est d'ajouter les données dans un tableau normal puis initialiser datatable et il fonctionne parfaitement.
De se référer à ces ressources:
DataTables AJAX source de l'exemple
DataTables AJAX source de l'exemple - tableau d'objets en tant que source de données
Sur place! converti mon ajax source de tableau d'objets, et qu'elle fonctionne 🙂
OriginalL'auteur Sridhar R
mavroscy voici comment je l'ai utilisé dans mon projet.
Html
JS
OriginalL'auteur Manik