javascript - 在所有浏览器中，“对象不支持属性或方法'ajaxSubmit'”

This question already has answers here:

$(form).ajaxSubmit is not a function

                                    （7个答案）


                                5年前关闭。


我得到了以下代码，但是它总是给我一个错误：“对象不支持属性或方法'ajaxSubmit'”。我不确定我的错误在哪里...有人可以帮助我吗？

<script src="/Scripts/jquery.color.js"></script>
<script src="/Scripts/jquery.Jcrop.min.js"></script>
<script src="/Scripts/jquery.form.js"></script>
<script>
$(document).ready(function () {
    var wrapper = $('<div/>').css({ height: 0, width: 0, 'overflow': 'hidden' });
    var fileInput = $(':file').wrap(wrapper);
    $('#BTN_Upload').click(function () {
        fileInput.click();
    }).show();
    $("#INPUT_Upload").change(function () {
        var options = {
            target: '#DIV_UploadedImages',
            beforeSubmit: showRequest,
            success: showResponse,
            dataType: "json",
            clearForm: true,
            resetForm: true
        };
        $('#FORM_ImageUpload').ajaxSubmit(options);
    });
});
</script>

HTML：

 <form id="FORM_ImageUpload" method="post" action="~/Async/UploadImage">
    <input type="file" value="Post" id="INPUT_Upload">
    <img src="~/Images/button_add_pictures.jpg" id="BTN_Upload" class="ProfileButton" />
 </form>

最佳答案

当我遇到无法解决问题并且无法理解原因的情况时，通常会写一个最少的有效代码。然后，我越来越多地添加代码，直到停止工作。这就是我在代码中找到问题所在的方式。

这是应该工作的最少代码：

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://malsup.github.io/jquery.form.js"></script>
<script>

alert($.fn.ajaxSubmit);

</script>
</head>
<body>

</body>
</html>

它警告ajaxSubmit方法的源代码。您可以添加代码的一部分，直到它发出undefined警报为止，然后您将找出为什么它不起作用。

我总是使用这种方法。

希望能帮助到你！

关于javascript - 在所有浏览器中，“对象不支持属性或方法'ajaxSubmit'” ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21099701/