直接运行 servlet 提交帖子后 jQuery 脚本未执行

问：

我必须处理一个演示项目，在该项目中，我为博客（项目）中的帖子创建了一个模型。我必须编写一个jquery脚本来防止默认操作转到servlet。当我编写代码时，jquery工作正常，但是在删除错误并重新运行项目后，我的servlet中出现了一些错误，我遇到了这个问题，请帮助我。

这是不起作用的代码。

<!-- Add Post JS -->
    <script>
    $(document).ready(function(){
       alert("loaded")
      
    $("#add-post").on("submit",function (event) {
        // when the form is submitted 
        alert("clicked")
        event.preventDefault();
        
        // console.log("Submitted")   // For checking its working or not 
        
        let form=new FormData(this);
        // requesting to server
        $.ajax({
            url: "AddPostServlet",
            type: "POST",
            success: function(data, textStatus, jqXHR){
                // Success
                console.log(data)
            },
            error: function(jqXHR, textStatus, errorThrown){
                // Error
                
            },
            processData: false,
            contentType: false
        })
    })
    </script>

我面对isssue的屏幕截图。

后模态

单击“发布”按钮后，不想显示 Servlet 页面。 点击“发布”按钮后：

我只想在单击发布按钮表单后保持在同一页面上，但 servlet 在后台工作。

对于完整代码：在此处输入链接描述