JSONP數組undefined功能之外undefined

Question

我發現了很多類似於我的問題;但我看到的所有答案似乎都不適合我。所以這是我的問題。我正在使用jQuery JSONP獲取有關某些書籍的很多信息（JSON是靜態的，因此它包含了一個硬編碼函數）。我有這個偉大的工作。我的問題是我需要多次引用JSON，並且它是靜態的，我想我需要使用這些值設置本地數組。因此，這裏是我下面的代碼：

function changeList(cat) { 
    getList(cat); 
} 
var bookArray = new Array(); 

function parseResponse(jsonData) { 
    $('#bookList').empty(); 
    var items = []; 
    var p = '0'; 
    $.each(jsonData, function(item, i) { 
    bookArray[p] = { 'bookId':i.bookId, 'category':i.category, 'publishedDate':i.publishedDate, 'title':i.title, 'description':i.description, 'images':i.images }; 

    var allImages = i.images; 
    if(allImages.length > 1) { 
     var imageLoc = allImages.toString().split(","); 
    } else { 
     var imageLoc = new Array(allImages); 
    } 
    var theDate = new Date(); 
    theDate.setTime(i.publishedDate * 1000); 
    var year = theDate.getUTCFullYear(); 
    var month = theDate.getUTCMonth(); 
    var day = theDate.getUTCDate(); 
    var d = months[month] + " " + day + ", " + year; 

    items.push('<li><a href="/' + i.category + '/' + i.bookId + '/index.html"><img border="0" height="70" width="124" src="' + imageLoc[0] + '"><p>Published: <strong>' + d + '</strong><br /><span class="bookTitle">' + i.title + '</span> ' + i.description + '</p></a></li>'); 
    p++; 
    }); 

    $('<ul/>', { 
    html: items.join('') 
    }).appendTo('#bookList'); 
} 

function getList(section) { 
    $.getJSON('http://www.otherdomain.com/book_'+ section +'.json?format=jsonp&callback=?', function(data) { }); 
} 

什麼上面的代碼片斷的作用是從頁面上某cateogry吐出來的書單。在左側有一個菜單，它具有類別並激發changeList（）函數（這又會觸發其他函數來繪製正確的json並將其吐出頁面）。這部分工作完美無瑕！

這引起我的問​​題，你可以在parseResponse（）函數中看到我填充了我創建的'bookArray'數組。如果我在函數內引用該數組，我沒有任何問題。然而，如果我試圖在外面引用它（例如alert（bookArray [0] ['title']），我會發現它是未定義的。我做錯了什麼？我不是最科技的薩維人，所以你有使用小詞對我感謝所有幫助

編輯 這裏是一個片段給你什麼樣的JSON文件看起來像一個想法：！

parseResponse(
[{ 
     "bookId":"1", 
     "category":"A", 
     "publishedDate":"1266870137", 
     "title":"Title to first story", 
     "description":"The first story.", 
     "images":["http://www.otherdomian.com/books/fff.jpg","http://www.otherdomian.com/books/aaa.jpg"] 
    },{ 
     "bookId":"2", 
     "category":"A", 
     "publishedDate":"1366870142", 
     "title":"Title to second story", 
     "description":"The second story.", 
     "images":["http://www.otherdomian.com/books/fff.jpg","http://www.otherdomian.com/books/aaa.jpg"] 
    } 
]) 

Answer 1

function getList(section) { 
    $.getJSON('http://www.otherdomain.com/book_'+ section +'.json?format=jsonp&callback=?', parseResponse); 
} 

AJAX調用是異步的，因此您無法在請求完成之前開始處理數據。這將parseResponse設置爲回調，這意味着它在請求完成後被調用。此時你將擁有你的json。

如果你想外面訪問數據，你必須確保你做回調完成後，這意味着需要使用它的進一步需要調用從回調任何其他代碼。

var bookArray = []; //use this instead of new Array(). There are security issues with the former (Array can be overridden) 

function parseResponse(jsonData) { 

    /* 
    ... existing code ... 
    */ 

    otherFunctionThatNeedsBookArray(); //alternatively you can set bookArray as a local variable and call otherFunctionThatNeedsBookArray(bookArray); 
} 

Answer 2

也許becouse p被定義爲a字符串p='0'。嘗試p=0;

Answer 3

這第一位不是你問題的答案但你有你的jQuery.each（）參數錯誤的方式，我認爲，'我'應該是你的索引，'項目'應該是價值。我可能會誤會，但你應該可以用我代替p來索引你的陣列

Answer 4

我要在黑暗中進行刺探。您的標題暗示您正在使用總是異步的JSONP ajax請求。我猜你在嘗試在JSONP請求響應之前訪問你的全局變量的內容。在jQuery中，從'成功'回調中訪問數據是合適的。