动态加载 AJAX 函数值

Load AJAX function value dynamically

本文关键字：函数 AJAX 加载 动态      更新时间：2023-09-26

我需要插入从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>
   }

问题是我想在加载每个元素时插入函数的值。这段代码工作正常，但只有当我双击每个元素时。

如果代码在你点击元素时有效，听起来你把你的函数放在一个"onclick"事件中，

只需尝试在函数定义后的"文档就绪"事件中调用函数：

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

PS 这只是为了向您展示如何使用模型....

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