ajax «callback is undefined» error

Question

В настоящее время я пытаюсь вернуть вызов базы данных, чтобы заполнить раскрывающийся список. Однако, когда я перехожу к циклу из возвращаемого списка, я получаю сообщение об ошибке «обратный вызов не определено». Я пробовал этот код двумя способами, и ни один из них не работает.

Я пробовал:

$('#Vehicle_KovId_value').change(function() { 
     var kovID = $(this).val(); 
     var drop2 = $('#Vehicle_BodyStyle_value'); 
     if (kovID != null && kovID != '') { 
      drop2.get(0).options.length = 0; 
      drop2.get(0).options[0] = new Option('Please Select One', '-1'); 
      $.ajax({ 
       type: "GET", 
       url: '/Ajax/Index', 
       async: false, 
       data: { KovID: kovID }, 
       contentType: "application/object; charset=utf-8", 
       success: function (record) { 
        drop2.get(0).options.length = 0; 
        drop2.get(0).options[0] = new Option("Please Select One", "-1"); 
        $.each(function (index, item) { 
        drop2.get(0).options[drop2.get(0).options.length] = new Option(item.Display, item.Value); 
        }); 
       }, 
       error: function() { 
        $('#Vehicle_BodyStyle_value').get(0).options.length = 0; 
        $('#Vehicle_BodyStyle_value').get(0).options[0] = new Option("Error!", "-1"); 
        alert("Failed to load styles"); 
       } 
      }); 
     } 
    }); 

Я также попытался:

$('#Vehicle_KovId_value').change(function() { 
     var kovID = $(this).val(); 
     var drop2 = $('#Vehicle_BodyStyle_value'); 
     if (kovID != null && kovID != '') { 
      drop2.get(0).options.length = 0; 
      drop2.get(0).options[0] = new Option('Please Select One', '-1'); 
      $.ajax({ 
       type: "GET", 
       url: '/Ajax/Index', 
       async: false, 
       data: { KovID: kovID }, 
       contentType: "application/object; charset=utf-8", 
       success: function (record) { 
        drop2.get(0).options.length = 0; 
        drop2.get(0).options[0] = new Option("Please Select One", "-1"); 
        fillBStyles(record); 
        //     $.each(function (index, item) { 
        //      drop2.get(0).options[drop2.get(0).options.length] = new Option(item.Display, item.Value); 
        //     }); 
       }, 
       error: function() { 
        $('#Vehicle_BodyStyle_value').get(0).options.length = 0; 
        $('#Vehicle_BodyStyle_value').get(0).options[0] = new Option("Error!", "-1"); 
        alert("Failed to load styles"); 
       } 
      }); 
     } 
    }); 

    function fillBStyles(r) { 
     var drop2 = $('#Vehicle_BodyStyle_value'); 
     $.each(function (index, item) { 
      drop2.get(0).options[drop2.get(0).options.length] = new Option(item.Display, item.Value); 
     }); 

    } 

Оба которые дают мне ошибку:

TypeError: callback is undefined

Объект данных возвращаемой, record, это список объектов базы данных, из которых я должен извлечь две части.

Как исправить эту ошибку «обратного вызова», чтобы я мог использовать свои данные в своей функции?

Answer 1

Обратный вызов - это функция, которая должна быть выполнена сразу же после того, как ее предшественник завершит свою работу и вернет значение. В этом случае у вас есть два обратных вызова, успех и сбой.

Объявление функций не допускается внутри блоков (если/else/для замыканий), что означает вашу функцию обратного вызова (которую вы объявляете внутри вашего закрытия ajax) function (record) { } не может быть размещен там, где он находится, так как он находится внутри вашего замка if (kovID != null && kovID != '') { }.

К счастью, есть легко исправить: объявить успех функцию обратного вызова вне если заявление (поставить его на себя в глобальном масштабе), как это:

function ajaxSuccess(record) { 
       drop2.get(0).options.length = 0; 
       drop2.get(0).options[0] = new Option("Please Select One", "-1"); 
       $.each(function (index, item) { 
       drop2.get(0).options[drop2.get(0).options.length] = new Option(item.Display, item.Value); 
       }); 
      } 
// ...do other javascript stuff 

и вызвать функцию успеха так:

$.ajax({ 
      type: "GET", 
      url: '/Ajax/Index', 
      async: false, 
      data: { KovID: kovID }, 
      contentType: "application/object; charset=utf-8", 
      success: ajaxSuccess 
//...blah blah blah 

Answer 2

Перемещайте

function fillBStyles(r) { 
     var drop2 = $('#Vehicle_BodyStyle_value'); 
     $.each(function (index, item) { 
      drop2.get(0).options[drop2.get(0).options.length] = new Option(item.Display, item.Value); 
     }); 

    } 

над другой функции.

а затем использовать || против & & если (Kovid! = NULL & & Kovid! = '')

Зачем вам нужен & &, Kovid не будет равна ни одной, но & & означает, что она должна соответствовать обоим требованиям.

Answer 3

Я не думаю, что вы используете $.each должным образом. Взгляните на примеры в the docs. Способ, которым вы его используете, будет работать, если используется с селектором jQuery, но вы используете .each(), который находится непосредственно на $. Это означает, что вы не снабжаете его чем-либо, над чем итерация. Взгляните на код:

$.each(function (index, item) { 
    drop2.get(0).options[drop2.get(0).options.length] = new Option(item.Display, item.Value); 
}); 

Что это за итерирование? Для каждого какая выполнит эту функцию?Вы можете иметь в виду следующее:

$('someSelector').each(function (index, item) { 
    drop2.get(0).options[drop2.get(0).options.length] = new Option(item.Display, item.Value); 
}); 

или это:

$.each(someArray, function (index, item) { 
    drop2.get(0).options[drop2.get(0).options.length] = new Option(item.Display, item.Value); 
}); 

В любом случае, вам необходимо предоставить .each() с коллекцией, по которому будет перебирать. Я полагаю, по ошибке, что это не соответствует последнему случаю, но поскольку в вашем использовании нет второго аргумента, тогда callback не предоставляется $.each().