Загрузить значение функции AJAX динамически

Question

Мне нужно вставить список строк, динамически созданных из вызова AJAX. Это функция:

function finIngredients(boxId, prodid) { 
     $.ajax({ 
      type: "GET", 
      url: "/Products/GetBoxIngredientsNew?idbox=" + boxId, 
      dataType: "json", 
      contentType: "application/json; charset=utf-8", 
      error: function() { 
       alert("Error"); 
      }, 
      success: function (data) { 
       if (data != "error") { 
          var element = 
          $('<li> ' + item[0] + '<span class="new-text-Intro"> (' + item[1] + ' kg)</span> OMAGGIO</li>'); 
          $("#ingredients").append(element); 
         } 
        }); 
       } 
      } 
     }); 
    } 

Эта функция работает нормально и возвращает правильное значение. Я должен вставить результат этой функции в <ul> тег «ингредиенты»:

@foreach (var item in Model) 
    { 
     <h2 class="SottotitoloNostriBox">@item.ProductCartDesc</h2> 
     <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
     <ul class="new-text-Intro2" style="min-height: 154px;" id="ingredients" ondblclick="trovaIngredients(@item.ProductId,@item.ProductId);"></ul> 
     </div> 
    } 

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

Answer 1

Если код работает при нажатии на элементе, это звучит, как вы кладете функцию в «OnClick» событие,

Просто попробуйте вызвать вашу функцию в «документе готовы» события после вашей функции определение:

$(document).ready(function(){ 
    var a = ... 
    var b = ... 
    finIngredients(a,b); 
}); 

Answer 2

PS это просто, чтобы показать вам, как вы могли бы использовать модель ....

<ul class="new-text-Intro2" id="ingredients"> 
    @foreach (var item in Model) 
    { 
     <li>@item.ProductCartDesc</li> 
    } 
</ul>