Question

我得到了以下代码，但它总是给我一个错误，说“对象不支持属性或方法'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>

Answer 1

当我遇到无法解决问题的情况时，我无法理解为什么，我通常会编写一个最小的必需代码。然后我越来越多地添加代码，直到它停止工作。这就是我在代码中找到问题的方法。

以下是应工作的最少代码：

<!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，然后您就会发现它无效的原因。

我总是使用这种方法。

希望它有所帮助！

Answer 2

由于我是MVC的新手，我完全忘记了MVC自动在其设计中添加了jquery，我在代码中包含了另一个链接，导致了这个问题。

总结一下：如果你连接了两次jquery jquery-form将不起作用。

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

2 个答案: