Question

我已经从点击图片时触发的函数编写了一个ajax调用。在php页面，使用php gd旋转图像。不知怎的，ajax没有被触发。我无法弄清楚我在做错的地方！

JQuery的：

$(document).ready(function() {
        $("#rotate-head-1").click(function(){
            alert("Function running");

            var filename = document.getElementById('image-1').getAttribute('src');
            $.ajax({
                url:"test.php",
                type:"GET",
                async:true,
                data:{procedure:"rotate",file_name:filename},
                cache:false
                success: function(data) {
                    alert("Success");
                }
                error: function() {
                    alert("Failure");
                }
            });

        });
    });

HTML：

<img id="rotate-head-1" src="rotate_icon.jpg" width="20" height="20" border="0" alt="Rotate Image" title="Rotate Image">
<img id="image-1" src="../../member_media/media/test.jpeg" width="200" border="0">

非常感谢任何帮助或建议。

Answer 1

我发现的cache和success选项后，我发现缺少逗号。这些错误应该出现在控制台中，您可以使用它来动态调试这些问题。

$(document).ready(function() {
    $("#rotate-head-1").click(function(){
        alert("Function running");

        var filename = document.getElementById('image-1').getAttribute('src');
        $.ajax({
            url:"test.php",
            type:"GET",
            async:true,
            data:{procedure:"rotate",file_name:filename},
            cache:false //<-- you miss a comma here?
            success: function(data) {
                alert("Success");
            } // <-- and miss a comma here
            error: function() {
                alert("Failure");
            }
        });

    });
});

这个Ajax调用有什么问题？

1 个答案: