javascript - ajax成功后如何停止获取url

Question

我有一个模式来显示表单，以及 2 个按钮:“新建”和“编辑”

“新建”按钮:

<button class="btn btn-default" data-toggle="modal" data-target="#POPProduct">NEW</button>

“编辑”按钮:

<a class="btn btn-xs btn-primary edit-product" href="http://domain.com/product/#POPProduct" data-id="10498f" data-toggle="modal">EDIT</a>

当我点击编辑时，我使用ajax从数据库加载数据

$(document).on("click", ".edit-product", function () {
    var uid = $(this).data('id');
    $('#POPProduct').off('shown.bs.modal').on('shown.bs.modal',function(e) {
        utilst.ViewPopEditProduct(uid);
    });
});

var utilst = {};
(function ($) {

    $.ajaxSetup({"error":function(XMLHttpRequest,textStatus, errorThrown) {
        alert(textStatus);
        alert(errorThrown);
        alert(XMLHttpRequest.responseText);
    }});

    utilst.ViewPopEditProduct =  function ViewPopEditProduct(uid) {
        var data={uid:uid};
        $.ajax({
            type:"GET",
            datatype:"json",
            url:"",
            data:data,
            cache:false,
            success: function(data) {
                data = JSON.parse( data );
                $('#product_name').val(data.name);

                $('#POPProduct').trigger("reset");
                $(".edit-product").unbind("click", ViewPopEditProduct);
            }
        });
    return false;
};

})(jQuery, window, document);

这是模式

<!-- Modal -->
<div class="modal fade" id="POPProduct" role="dialog">
    <div class="modal-dialog">
        .....
    </div>
</div>

如果我在页面加载后单击“新建”按钮，该模式将起作用，但在单击“编辑”按钮后，该模式将停止工作。知道如何解决这个问题吗？

谢谢

Answer 1

可能是因为您使用 .off() 删除了事件 shown.bs.modal，因此当您使用 .on() 时，< strong>shown.bs.modal 已删除。