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

【问题标题】：html table refresh using jquery/ajax on search在搜索中使用 jquery/ajax 刷新 html 表
【发布时间】：2011-08-31 14:49:42
【问题描述】：

我的页面很大，我将使用名字、姓氏进行搜索，现在页面会刷新用户详细信息以及他遇到的问题案例。

问题案例部分是一个简单的 html 表格，并具有带有搜索按钮的从和到日期搜索字段。在提供的开始日期和结束日期以及单击“搜索”按钮时，我想刷新这些日期之间的案例而不刷新整个页面。现在我正在刷新整个页面。

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

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

【问题讨论】：

标签： jquery ajax jsp struts2

【解决方案1】：

可以将 ajax 请求传递给 servlet。在 servlet 中将响应设置为 xml 格式。
```
    response.setContentType("text/xml")
```

创建 PrintWriter

    PrintWriter out= response.getWriter();

Inout设置从数据库中访问的数据会在jsp中渲染成类似
```
   <Name>x</Name>
   <Gender>male</Gender>
```
所以现在返回的数据将是xml格式。
使用 javascript 解析 xml 以正确显示。

Parsing XML in JavaScript

DWR也可用于此目的。

Check this for learning resources for DWR

【讨论】：

感谢您的回复，但我正在使用 struts2 并且在我的组织中不允许使用 DWR 或其他类型。
如果不允许使用 DWR，那么您可以按照我上面的解释从 struts 动作控制器以 XML 格式发送数据。