在搜索时使用jquery / ajax刷新html表

时间:2011-08-31 14:49:43

标签: jquery ajax jsp struts2

我有一个非常大的页面,我将使用名字,姓氏进行搜索,现在页面会刷新用户详细信息以及他遇到的问题。

问题案例部分是一个简单的html表,并且具有带搜索按钮的搜索字段。在提供日期和日期以及单击“搜索”按钮时,我想在不刷新整个页面的情况下刷新这些日期之间的情况。现在我正在整个页面刷新。

请帮助我如何在不使用任何外部ajax工具的情况下使用jQuery / ajax。我正在使用Java / JSP,Struts2。我在后端有所有东西,它返回所需对象列表。当我使用下面的代码时,我将整个html页面作为“data”变量的结果。

        $.ajax({
            type: "POST",
            url: "caseSearch",
            data:"FromDate=" + fromDate,
            dataType: "text/html;charset=utf-8",
            success: function(data) {
                alert(data);
                $("#caseResult").html(data);
            }
        });

1 个答案:

答案 0 :(得分:0)

  • 可以将ajax请求传递给servlet。在servlet中设置对xml格式的响应。

        response.setContentType("text/xml")
    
  • 创建PrintWriter

        PrintWriter out= response.getWriter();
    
  • out 中设置从数据库访问的数据,该数据将以jsp呈现,如

       <Name>x</Name>
       <Gender>male</Gender>
    
  • 所以现在返回的数据将是xml格式。

  • 使用javascript解析xml以进行适当显示。

    Parsing XML in JavaScript


DWR也可用于此目的。

Check this for learning resources for DWR