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

发布于 2024-12-02 07:53:23 字数 627 浏览 0 评论 0原文

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

问题案例部分是一个简单的 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);
            }
        });

原文

I have very big page, I will searching using first name, last name, now the page refreshes with user details along with the problem cases he has.

The problem cases section is a simple html table and have from and to date search fields with Search button. On provided from and to dates and on click of Search button, I want to refresh the cases between those dates without refreshing the entire page. Now I am doing it with entire page refresh.

Please help me how should I do with jQuery/ajax without using any external ajax tools. I am using Java/JSP, Struts2. I have everything in backend which returns List of objects required. When I am using below code I get the entire html page as result in "data" variable.

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

以为你会在 2024-12-09 07:53:23

ajax 请求可以传递到 servlet。在 servlet 中将响应设置为 xml 格式。
```
 response.setContentType("text/xml")
```
创建 PrintWriter
```
 PrintWriter out=response.getWriter();
```
In out 设置从数据库访问的数据，这些数据将在 jsp 中呈现
```
 <名称>x
   <性别>男
```
所以现在返回的数据将是xml格式。
使用 javascript 解析 xml 以正确显示。
在 JavaScript 中解析 XML

DWR 也可用于此目的。

查看此内容以获取 DWR 学习资源

The ajax request can be passed to a servlet. In servlet set the response to xml format.
```
    response.setContentType("text/xml")
```

Create PrintWriter

    PrintWriter out= response.getWriter();

In out set the data accessed from database that will be rendered in jsp like
```
   <Name>x</Name>
   <Gender>male</Gender>
```
So now the data returned will be in xml format.
Parse xml using javascript to display appropriately.
Parsing XML in JavaScript

DWR can also be used for this purpose.

Check this for learning resources for DWR

回复收藏 0 原文

~没有更多了~