Problème de passage de json dans le graphe jquery (flot)

Question

J'essaie de récupérer certains json pour passer dans un graphe de flot. Je sais que json a raison car je l'ai codé en dur pour vérifier, mais je suis à peu près sûr que je ne passe pas bien parce que ça ne se présente pas. Voici le javascript:

var total = $.ajax({ 
    type: "POST", 
    async: false, 
    url: "../api/?key=xxx&api=report&crud=return_months&format=json" 
}).responseText; 
//var total = $.evalJSON(total); 
var plot = $.plot($("#placeholder"),total); 

est ici JSON:

[ { data: [[1,12], [2,43], [3,10], [4,17], ], label: "E-File"}, { data: [[1,25], [2,35], [3,3], [4,5], ], label: "Bank Products" }, { data: [[1,41], [2,87], [3,30], [4,29], ], label: "All Returns" } ], {series: {lines: { show: true },points: { show: true }}, grid: { hoverable: true, clickable: true }, yaxis: { min: 0, max: 100 }, xaxis: { ticks: [[1,"January"],[2,"February"],[3,"March"],[4,"April"],[5,"May"],[6,"June"],[7,"July"],[8,"August"],[9,"September"],[10,"October"],[11,"November"],[12,"December"]] }} 

Answer 1

Assurez-vous de définir votre option dataType: "json" ainsi. En aparté, vous pouvez le faire dans la fonction de rappel success ainsi sans bloquer l'interface utilisateur en attendant une réponse, comme ceci:

$.ajax({ 
    type: "POST", 
    dataType: "json", 
    url: "../api/?key=xxx&api=report&crud=return_months&format=json", 
    success: function(total) { 
    var plot = $.plot($("#placeholder"),total); 
    //do more work if needed 
    } 
}); 

Vous pouvez également utiliser $.post() pour faire la même chose sous une forme plus courte, comme ceci:

$.post("../api/?key=xxx&api=report&crud=return_months&format=json", 
    function(total) { 
    var plot = $.plot($("#placeholder"),total); 
    //do work 
    }, "json");