Javascript 如何在JSP客户端页面上显示100K基于XML的DOM数据？

我需要一些帮助来了解下一步该做什么

我需要编写一个基于web的搜索函数，从XML文件中查找病历。 操作员可以输入部分或全部患者姓名，并点击JSP网页上的搜索

然后，服务器将返回可能的患者姓名列表，操作员有机会进入下一页，直到找到可能的患者。然后，他们可以选择此人并查看更多详细信息

在服务器端

我有一个包含100000条记录的XML文件。文件中有五种不同类型的记录。（这大约是20000 x 5=100000）

我有一个java类来获取xml文件的源代码，并创建一个DOM来遍历文件中的数据元素

--XML文件开始

100k - XML file outline

<hospital>
<infant key="infant/0002DC15" diagtype="general entry" mdate="2015-02-18">
<patient>James Holt</patient>
<physician>Michael Cheng</physician>
<physician>David Long</physician>
<diagnosisCode>IDC9</diagnosisCode>
..
</infant>

<injury key="injury/0002IC15" diagtype="general entry" mdate="2015-03-14">
<patient>Sara Lee</patient>
<physician>Michael Cheng</physician>
<diagnosisCode>IEC9</diagnosisCode>
..
</injury>

<terminal key="terminal/00X2IC15" diagtype="terminal entry" mdate="2015-05-14">
<patient>Jason Man</patient>
<physician>John Hoskin</physician>
<diagnosisCode>FEC9</diagnosisCode>
<diagnosisCode>FXC9</diagnosisCode>
..
</terminal>

<aged key= xxxx ... >
...
</aged>

<sickness key= xxxx ... >
...
</sickness>
</hospital>

100k-XML文件大纲
詹姆士霍特
郑德健
大卫·朗
IDC9
..
莎拉·李
郑德健
IEC9
..
杰森·曼
约翰·霍斯金
FEC9
FXC9
..
...
...

大约5（）x 20000=100K条记录

密钥和患者是唯一的必填字段。其余的元素是可选的或多个元素

--XML文件结束

这就是我需要帮助的地方

一旦我有了DOM，我如何让客户端知道在XML文件中找到了什么

我是否创建了一个映射来保存元素节点链接，然后一次将50个链接转发到JSP，然后等待在用户点击下一页时发送更多链接

有没有一种自动显示链接的方法，或者通过Java脚本、Jquery、XSLT，或者我只是用HTML创建一个表并将患者链接放在行中？根据客户端使用的浏览器，为了显示数据，是否需要执行一些特定于渲染的操作

任何我可以参考的指南、教程、示例或书籍都将不胜感激

谢谢。

@John.west

您可以尝试将XML绑定到一个对象列表（比如伤害实现MyXmlNodeMapping，终端实现MyXmlNodeMapping，婴儿实现MyXmlNodeMapping，然后继续并拥有一个列表）以通过后端的值进行迭代和搜索，或者您可以将此XML文件传递给Javascript（如果您使用的是jQuery，则可以使用get或post将结果类型定义为XML）并迭代对象以查找用户试图查找的内容

您的选择可能基于在服务器端或客户端使用处理器时间的偏好…

@John.west

您可以尝试将XML绑定到一个对象列表（比如伤害实现MyXmlNodeMapping，终端实现MyXmlNodeMapping，婴儿实现MyXmlNodeMapping，然后继续并拥有一个列表）以通过后端的值进行迭代和搜索，或者您可以将此XML文件传递给Javascript（如果您使用的是jQuery，则可以使用get或post将结果类型定义为XML）并迭代对象以查找用户试图查找的内容

---

您的选择可能基于在服务器端或客户端使用处理器时间的偏好…

我不知道如何自动匹配jQuery中的类型，但您可以测试属性，例如验证对象中是否存在非可选属性：

// Non optional Infant attribute
if(obj.nonOptionalAttribute) {
    // handle Infant object
}

或者您可以添加一个属性来区分类型（类似于要在Javascript中测试的字符串或int属性）

---

我不知道如何自动匹配jQuery中的类型，但您可以测试属性，比如验证对象中是否存在非可选属性：

// Non optional Infant attribute
if(obj.nonOptionalAttribute) {
    // handle Infant object
}

或者您可以添加一个属性来区分类型（类似于要在Javascript中测试的字符串或int属性）

---

您可以发布一段xml（几行）作为示例吗？Hello lifeisfoo-根据您的请求使用示例xml文件进行更新。您可以发布一段xml（几行）吗例如？Hello lifeisfoo-根据您的请求使用示例XML文件进行更新。感谢您的回复。XML文件大小约为2GB。服务器端将是此阶段的选项。关于MyXmlNodeMapping x 5对象解决方案。我是jQuery/java脚本领域的初学者。然后如何将对象传递给jQuery以显示客户端的每页可能匹配？jQuery中是否有嵌入式smarts自动执行此类操作，或者我是否需要手动设置如何在客户端网页上显示/呈现带有每个GET消息的数据？是否有您可以提供的示例/代码或我可以使用的参考？感谢您的回复。xml文件大约为2GB在这个阶段，服务器端将是选项。关于MyXmlNodeMapping x 5对象解决方案。我是jQuery/java脚本领域的初学者。然后如何将对象传递给jQuery，以便在客户端显示每一页可能匹配的内容？jQuery中是否有嵌入式智能自动完成这类工作d手动设置如何在客户端网页上显示/呈现每个GET消息的数据？是否有您可以提供的示例/代码或我可以使用的参考？