Question

有问题。每个显示的图像都包含两个不同的按钮。一个是删除，另一个是“主”。

删除作品。它隐藏图像，删除文件和MySQL行。

分配主要类型的作品。它会更新数据库中的行，将“main”值更改为1，但是，它应该也是alert（），但它不会。

<script>

$(document).ready(function() {
    $(".remove_image").click(function() {

        var image_id = $(this).attr('id');

        $.ajax({
            type:"post",
            url:"imagecontrol.php",
            data: { image_id:image_id,
                    image_remove:1},
            success: function(response) {
                $('#image_'+image_id).fadeOut(400);
                showUploader();
            }
        })

    })
});

$(document).ready(function() {
    $(".assign_main").click(function() {

        var assign_this_id = $(this).attr('id');

        $.ajax({
            type:"post",
            url:"imagecontrol.php",
            data: { assign_this_id:assign_this_id,
                    image_assign:1},
            success: function(response) {
                alert("Success");
            }
        })
    })
});

</script>

Answer 1

仅在返回success或HTTP 200时调用HTTP 304方法，因此您可能需要仔细检查以查看是否确实如此。

这可以在大多数现代网络浏览器的“检查器”面板中完成，通常位于“网络”标签下。

您还可以添加error: function() {}事件处理程序来捕获任何HTTP 4xx / 5xx代码。

Answer 2

使用done()代替它：

$.ajax({
    type: "post",
    url: "imagecontrol.php",
    data: {
        image_id: image_id,
        image_remove: 1
    }
}).done(function(response) {
    $('#image_' + image_id).fadeOut(400);
    showUploader();
);

Answer 3

尝试并提示确定存在的错误：

$(document).ready(function() {
    $(".assign_main").click(function() {

        var assign_this_id = $(this).attr('id');

        $.ajax({
            type:"post",
            url:"imagecontrol.php",
            data: { assign_this_id:assign_this_id,
                image_assign:1},
            success: function(response) {
                alert("Success");
            },
            error: function(jqXHR, textStatus, errorThrown) {
                 alert(textStatus + " " + errorThrown);
            }
        })
    })
});

这将显示PHP代码中是否有错误

jQuery AJAX功能成功无效

3 个答案: