Javascript 引导模式不能与我的ajax代码一起正常工作

我创建了一个名为ModalReq的局部视图，需要用数据库中的数据填充该视图

控制器和视图工作正常

但是当你点击一个类为“.car-box”的元素时，一开始什么都没有发生，第二次按下后，正确填充的模态出现了，但是它不想以任何方式关闭，如何使模态正确工作

主视图中的Ajax代码：

<script>
    function ajaxReq(url,type,selector) {
    $.ajax({
        url: url,
        type: type,
        contentType: 'application/json',

        success: function (data) {
            $(selector).html(data);
        }
    });
    }
</script>

<script>
$(document).on('click', '.car-box', function () {
    var objText = $(this).children('.box-his').children("span").text();
    var objId = objText.substring(1, objText.length);

    ajaxReq("@Url.Action("ModalReq")" + "?productId=" + objId, "POST", '#result');
    $('#myModal').modal('show')
});
</script>

函数ajaxReq（url、类型、选择器）{
$.ajax({
url:url，
类型：类型，
contentType:'应用程序/json'，
成功：功能（数据）{
$（选择器）.html（数据）；
}
});
}
$（文档）。在（'click'，'car box'，函数（）{
var objText=$（this）.children（'.box-his'）.children（“span”）.text（）；
var objId=objText.substring（1，objText.length）；
ajaxReq（@Url.Action（“ModalReq”）“+”？productId=“+objId，”POST“，”#result”）；
$（'#myModal'）.modal（'show'））
});

我在这个视图的最底部创建了一个div（但仍然在Ajax代码之上）

当您单击一个类为“.car-box”的元素时，Ajax代码将创建一个对象，该对象在卡中以字符串类型接收其编号。然后它只留下一个具有相同类型字符串的数字。然后调用ajaxReq，在其中传输接受我们指定的Id的部分视图。然后包括创建的模态

---

我以前从未使用过ajax，因此我需要您的帮助=）

在当前迭代中

$（'#myModal'）。modal（'show'）

没有等待ajax响应

把它转移到你的成功功能上怎么样

success: function (data) {
        $(selector).html(data);
        $('#myModal').modal('show')
    }

然后，模式将在一次按下后获得数据

或者：这个答案应该给你指引，把它设定为一个承诺

success: function (data) {
        $(selector).html(data);
        $('#myModal').modal('show')
    }