实现即时搜索动态添加和删除html元素

时间:2013-04-23 09:57:34

标签: javascript html ajax servlets

我是HTML和javascript的初学者,如果下面的问题显而易见,请道歉。 我试图在一个纯java脚本的网站上实现即时搜索,但我有几个问题。

现在我计划让一个函数响应每个onkeyup事件。使用AJAX,该函数将联系服务器,该服务器返回由换行符分隔的链接。现在问题: 如果服务器返回的文本已经是html链接和段落的形式,有没有办法可以在html输入文本框之后插入它?如果是这样我怎么能这样做?我找到了对createElement()和appendChild()方法的引用,但我不确定它们是如何工作的。此外,人们建议使用标签,但我从来没有在HTML中使用它,我不确定它是什么。

如果上述情况不可能,我正在考虑做以下事情, 当服务器返回文本时, 1.使用String.split()将返回的文本转换为结果数组。 2.对于数组中的每个元素 3.创建一个元素并插入它。 (仍然需要确切地检查如何做到这一点)。 4。

结束

问题在于每次按下一个键时我都需要快速清除以前的搜索结果。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

最好的方法是通过Json返回。 Json将拥有所有搜索结果,您可以通过http://www.json.org/js.html

轻松使用Json

这将是分割内容的好方法。