15、深入理解 Lift 框架中的 AJAX 与 Comet 技术

深入理解 Lift 框架中的 AJAX 与 Comet 技术

1. Lift 框架中的表单与 JqSHtml 对象

在 Lift 框架里，表单内容通常以 Map 对象呈现，这样能轻松获取每个表单字段的值。SHtml 生成的代码独立于所使用的 JavaScript 框架，不过 net.liftweb.http.jquery.JsSHtml 对象包含了与 jQuery 框架绑定的组件。例如，它有一个自动完成功能，能渲染一个文本输入元素，当你开始输入时，会给出以你已输入内容开头的单词建议。具体示例可参考 这里 。

2. 复杂的 Lift 与 JavaScript 示例

下面我们来看一个更复杂的 Lift 和 JavaScript 结合的例子，即创建一个快速搜索功能。当在文本框中输入内容并按下 Enter 键后，会返回包含该输入序列的项目列表，并将其渲染在一个 <div> 中。

示例模板如下：

<lift:surround with="default" at="content"> 
  <lift:Hello.ajaxian> 
    <text:show/> 
  </lift:Hello.ajaxian> 

  <div id="items_list"> 

  </d