Array von JSON-Datei mit JQuery zurückgeben?

Question

Ich habe eine JSON-Datei, die folgendes enthält: [{name: joe, Anzahl: 4}, {Name: ralph, Anzahl: 76}]

Einfach gesagt, ich versuche, eine Funktion zu erstellen, als Array zurückgibt, dass:

function createArray(){ 
    x = $.getJSON("/names.json", function(json) { 
     var myArray = []; 
     $.each(json, function() { 
      myArray.push(json); 
     }); 
     return myArray; 
    }); 
    return x; 
} 

Dies funktioniert nicht, ich bin nicht sicher, was er davon Teil

Sinn machen, tut sollte

Answer 1

Ihre Schlüssel und Werte Strings sein

[{"name":"joe", "number":4},{"name":"ralph", "number":76}] 

und diese

$.each(json, function() { 
    myArray.push(json); 
}); 

sollte

$.each(json, function(key, val) { 
     if(myArray[key] == undefined) 
     {  myArray[key] = new Array(); 
     } 
     myArray[key].push(val); 
}); 

Answer 2

werden Sie können das nicht tun, Ihre Funktion eine promise object zurückkehren wird, aber nie die Json Antwort selbst. Die Antwort wird erst aus dem Versprechen verfügbar sein, nachdem die Anforderung abgeschlossen ist (das ist nicht sofort nach Funktionsrückgabe, da die Anforderung asynchron ist).

Warum verwenden Sie nicht einfach den JSON aus dem Rückruf? Ich meine das:

function createArray(){ 
    $.getJSON("/names.json", function(json) { 
     // Whatever you need to do with your json, 
     // do it here. This code will run after 
     // createArray returns. And you can't 
     // return anything from here, it's useless. 
     // Actually, you don't even need the outer 
     // createArray function. 
    }); 
} 

Answer 3

Sie tun eine asynchrone Anfrage. $ .getJSON gibt das Ergebnis Ihres Callbacks nicht zurück.

Sie müssen einen Rückruf in Ihre createArray Funktion übergeben. Wenn Ihre JSON-Daten bereits ein Array sind, müssen Sie die Antwortdaten nicht verarbeiten.

function createArray(cb){ 
    $.getJSON("/names.json", cb); 
} 

So zum Beispiel würde man dies ändern:

var myArray = createArray(); 
// Process myArray 

in dieser:

createArray(function(myArray) { 
    // Process myArray 
}); 

Das Problem ist, dass Sie nicht nur das Ergebnis einer Netzwerkanforderung zuordnen können. Wenn Sie getJSON aufrufen, starten Sie eine Netzwerkanfrage, aber nachdem die Anfrage gestartet wurde, wird die JS weiter andere Sachen laufen lassen. Wenn Sie das Ergebnis einer asynchronen Anfrage erhalten, müssen Sie einen Rückruf verwenden, der diese Daten verarbeitet und etwas damit macht.

Answer 4

Was Sie von 'Json' bekommen, ist ein Array. versuchen dies,

var ar = [{ 
    "name": "joe", 
    "number": "4"}, 
{ 
    "name": "ralph", 
    "number": "76" }]; 


alert(ar[0].name);​ 

Dies würde den Namen "Joe" aufmerksam machen. ar[0] ist das erste Element des Arrays und in Ihrem Fall ist dies ein Objekt mit den Eigenschaften name und number. Sie können sie auf normale Weise erhalten/einstellen.

var myArray = []; 
    $.getJSON("/names.json", function(json) { 

      myarray=json; 
    }); 

Jetzt myArray ist ein Array mit Ihren Objekten.

Answer 5

Wie loganfsmyth sagte, Sie berücksichtigen nicht, dass $ .getJSON asynchron ist, und es wird nicht zurückgeben, was Sie denken, es ist (es gibt tatsächlich ein jqXHR-Objekt zurück.Schreiben Sie Ihren Code, um die asynchrone Natur mit Verschlüsse zu behandeln:

function createArray(cb){ 
    $.getJSON("/names.json", function(json) { 
     var myArray = []; 
     $.each(json, function() { 
      myArray.push(json); 
     }); 
     cb(myArray); 
    }); 
} 

createArray(function(array) { 
    //your array is available here 
    console.log(array); 
}