Javascript jQueryAjax调用WitAjaxForm“；无法读取属性'；成功'；“未定义”的定义；

我有一个简单的php脚本，它是一个字符串响应

我正在做一个触发此脚本的表单提交。现在，我的目标是通过Ajax调用显示php脚本的响应。但在我的控制台中，我不断得到：

jquery.form.js:171未捕获类型错误：无法读取属性“success” 未定义的

我的脚本（upload.php）：

我不确定我做错了什么，有人能帮我吗？

请检查

ajaxForm

通过添加所有必要的事件侦听器，准备通过AJAX提交的表单。它不提交表格。在文档的ready函数中使用ajaxForm为AJAX提交准备表单。ajaxForm接受零个或一个参数。单个参数可以是回调函数或选项对象。 可链接：是的

---

我认为你不需要使用任何插件。您可以使用jquerypost。 这应该是index.php中的实现

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="main.js"></script>

---

您可以在此处参阅jQuery POST文档：

在调用success函数之前，您尚未定义任何事件。尝试使用$（'#uploadForm'）。提交（函数（）@RajanBenipuri很抱歉，但我不明白你的建议，为什么我会在使用

.ajaxForm

时使用

.submit

？你能显示

update.php

code@PankajMakwana我用

upload.php

code更新了OP，这听起来像是插件本身的一个错误，要不要提供到源代码的链接？我已经包装了

.aja在
$（'#uploadForm'）.submit（函数（）{
但是我的页面刷新无论你是困惑还是我困惑。你说你已经将.ajaxForm包装在$（'#uploadForm'）.submit（函数（）中）{但是我看不到代码的任何地方有这样的包装。我得到以下错误：Uncaught TypeError:$.post不是一个函数我认为你使用了错误的jquery版本。尝试在脚本之前添加这一行。
我使用的是该jquery版本。你是在main.js之前还是之后引用jquery？我是在jquery之后引用main.js
<form action="upload.php" id="uploadForm" method="post" enctype="multipart/form-data">
    Select pdf to upload:
    <input type="file" name="fileToUpload" id="fileToUpload">
    <input type="submit" value="Upload pdf" name="submit">
</form>

$(document).ready(function() {
    $('#uploadForm').submit(function() {
        $(this).ajaxForm({
            type: 'post',
            success: function(response) {
                console.log(resp);
            }
        });
    });
});

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="main.js"></script>

$(function(){    
    $.post($('#uploadForm'), function(response){
        alert("Response From Server: " + response);
    });
})