如何在不重新加载整个页面的情况下使用 AJAX 和 JQuery 刷新我的 JSP？

Question

我有一个带有 java jsp servlet 的网络应用程序。

在我的网络前端的右侧，我有一个右侧的链接列表。 （这是我的 sidebarright.jsp） 如果我按下减号图片，则会打开一个弹出窗口（弹出窗口也是一个名为 deletelink.jsp 的 jsp 页面）。 在弹出页面中，我有一个链接列表，我可以使用复选框选择要删除的链接。

所以如果我删除一个链接，在数据库中它没问题，但我必须用 F5 更新 startside。只有这样我才会看到我已经删除了一个链接。

所以我想用 Ajax 和 Jquery 更新链接列表（sidebarright.jsp），而不刷新整个开始端。

我的 deletelink.jsp 页面中用于删除链接的 ajax 和 jquery 部分是这样的：

$(document).ready(function(){
    $('#setdeletefilelink').submit(function(){

        var  id=5; 


          $.ajax({
                 url: '<%=request.getContextPath()%>/issues?action=uploaddeletelink&wherestatement='+id,              
                 type: 'POST', 
                 dataType:'json',
                 data: $('#setdeletefilelink').serialize(),
                 success: function(data){
                     alert ("success in ajax");
                     alert(data);
                     //sideBarRight.location.reload();
                    //alert("hallo");
                  //If you want to return anything in jsp.
                   },
                  error:function(xhr, ajaxOptions, thrownError){
                     alert(xhr.status);
                     alert(thrownError);

                     alert("failure");
                     $("#result").html('there is error while submit');
                 }  
                 });
    //    close();

    });


}); 

我从 servlet 得到的响应是这样的

    if (lstrAction.equalsIgnoreCase("uploaddeletelink")){   
        String wherestatement;


            try{
                LinkUploadService linkUploadService= new LinkUploadService();

                    linkUploadService.deleteLink(wherestatement);

                    //Sende anfrage wieder zurück zur JSP
                    response.setCharacterEncoding("text/json");
                    response.setCharacterEncoding("UTF-8");
                    response.getWriter().println("Hallo ich bin ein Servlet");

                    response.getWriter().write(new Gson().toJson("TEST"));
                }
                else{
                    wherestatement = "";
                }


            }catch(Exception e){

            }
            this.checkAndDoBackgroundAction(request);    
        }

在 servlet 中的操作之后，在 ajax 脚本部分的我的成功部分中没有得到响应。我不知道为什么？

另一件事是：我怎么能说刷新右侧栏jsp。

Answer 1

您说弹出窗口是一个不同的文件。那么它是在iframe中打开的吗？ 没有调用成功函数，因为表单已提交，也许这会有所帮助：

$('#setdeletefilelink').submit(function(e){
    e.preventDefault();

一个没有动作的表单正在提交给它自己，也许你试试这个：

$('#setdeletefilelink').submit(function(e){
    //...Ajax call here
    e.preventDefault();
    return false;
});

否则，您必须检查 firebug，如果有错误或 ajax reqeust 无论如何..

因为右边，在同一个页面上，应该是这样的，当你成功工作时：

success: function(data){
    //an identifire for the right side would be nice
    $("#ID_ofTheRightSide", parent.document).html(data); //depending on what you getting back...
}