Html 提交表单时忽略jQuery表单插件

我创建了一个html表单，在提交时将数据提交到后端。后端然后重定向网页并显示json消息。我希望保持在同一页面上，并捕获json消息以显示给用户。我尝试使用ajaxforms（）进行此操作，但是单击submit按钮后，页面仍然重定向，脚本被忽略

CSS后头部包含的脚本：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js" integrity="sha384-FzT3vTVGXqf7wRfy8k4BiyzvbNfeYjK+frTVqZeNDFl8woCbF0CYG6g2fMEFFo/i" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

<script>
     // wait for the DOM to be loaded
     $(function() {
       // bind 'myForm' and provide a simple callback function
       $('#signup-form').ajaxForm(function() {
        alert("Thank you for your comment!");
       });
   });
</script>

Google Chrome返回的错误：

更新（修复CORS错误）： 在我的后端的.htaccess文件中的

RewriteEngine On

之前添加了以下三行：

return response()->json([
    'message' => 'Successfully created user!'
], 201);

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

---

看起来您需要先加载jquery。（切换文档头部前2个脚本引用的顺序）@o4ohel谢谢！：）我切换了这些脚本并删除了另一个脚本，该脚本最后加载到布局文件中。@o4ohel，但是，警报未显示…修复导入后是否显示任何其他错误消息？@student0495尝试其他AJAX方法始终会导致以下错误：从源“”访问“后端url”处的XMLHttpRequest已被CORS策略阻止：请求的url上不存在“Access Control Allow origin”标头资源。看起来您需要先加载jquery。（切换文档头部前2个脚本引用的顺序）@o4ohel谢谢！：）我切换了这些脚本并删除了另一个脚本，该脚本最后加载到布局文件中。@o4ohel，但是，警报未显示…修复导入后是否显示任何其他错误消息？@student0495尝试其他AJAX方法始终会导致以下错误：从源“”访问“后端url”处的XMLHttpRequest已被CORS策略阻止：请求的url上不存在“Access Control Allow origin”标头资源。

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"