Получить допустимый массив из вызова ajax & jquery

Question

Я создаю простой вызов ajax, который извлекает данные из моей базы данных с помощью json, что-то вроде:

$.ajax({
    type: "..",
    url: "..",
    data: ..,
    success:function(data){
        var arrayData = jQuery.parseJSON(data);
    }
});

Затем я получаю массив в arrayData, но как я могу использовать его из «функции успеха»?

Answer 1

Вы должны объявить переменную arrayData перед вызовом ajax.

var arrayData;

$.ajax({
    type: "..",
    url: "..",
    data: ..,
    success:function(data){
        arrayData = jQuery.parseJSON(data);
    }
});

Я рекомендую вам прочитать некоторые из них по области видимости переменных в javascript.

• Что такоеобласть видимости переменных в JavaScript?
• https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Core_Language_Features#Variable_Scope
• http://www.google.com/search?q=javascript+variable+scope

Answer 2

simshaun ответил на ваш немедленный вопрос, но я подозреваю, что у вас могут возникнуть вопросы относительно асинхронной природы вызова AJAX, т.е. arrayData будет undefined до тех пор, пока ответ не будет перезапущен с сервера ифункция успеха называется.

Все, что вы хотите сделать с arrayData после вызова функции успеха, необходимо будет вызывать из функции успеха.Например,

var arrayData;

$.ajax({
    type: "..",
    url: "..",
    data: ..,
    success:function(data){
        arrayData = jQuery.parseJSON(data);
        doSomethingElse();
    }
});

function doSomethingElse() {
    /* do something else here with arrayData */
    arrayData.doSomething();
}

Теперь мы можем удалить arrayData в целом

$.ajax({
    type: "..",
    url: "..",
    data: ..,
    success:function(data){
        doSomethingElse(jQuery.parseJSON(data));
    }
});

function doSomethingElse(data) {
    /* do something else here with the returned data */
    data.doSomething();
}

На самом деле мы можем пойти еще дальше.Вся анонимная функция, которая присваивается свойству success, в действительности выполняет вызов doSomethingElse, поэтому мы могли бы избавиться от этого и просто вызвать doSomethingElse напрямую

$.ajax({
    type: "..",
    url: "..",
    data: ..,
    success: doSomethingElse
});

function doSomethingElse(data) {
    /* do something else here with the returned data */
    var arrayData = jQuery.parseJSON(data);

}

Это чище / яснее?

Answer 3

var arrayData;
$.ajax({
    type: "..",
    url: "..",
    data: ..,
    success:function(data){
        arrayData = jQuery.parseJSON(data);
    }
});

Answer 4

Я использовал:

$.getJSON("sections/view_numbers_update.php?JsonUpdatedFrom=" + intLastUpdate, function(data) {
 $.each(data, function(index, objNumber) {
  $('#tr_' + objNumber.intID).find("td").eq(3).html(objNumber.datLastCalled);
  $('#tr_' + objNumber.intID).find("td").eq(4).html(objNumber.strStatus);
  $('#tr_' + objNumber.intID).find("td").eq(5).html(objNumber.intDuration);
  $('#tr_' + objNumber.intID).find("td").eq(6).html(objNumber.blnWasHuman);
 });
});

(Для таблицы с <tr id="tr_<?php echo $arrRecord["intID"] ?>"> и т. Д.)

Answer 5

Как показывают два других ответа, вы должны объявить массив вне функции success. Причина этого в том, что функция () {создает внутреннюю область видимости.