jquery mobile在div中加载ajax结果

Question

我正在使用jquery mobile开发一个小应用程序。我有以下情况

• 用户点击URL并进入主页
• 有多个div元素，其中data-role =“page”。主页id是“home”。主页上有一个搜索按钮。当用户输入内容并点击搜索时，我将通过Ajax检索一些数据。
• 数据应填入div中，其中data-role =“page”和id =“Search”。

所以，我的问题是什么是在div中填充结果的最佳方法？在普通的jquery中，我只会做$（“＃Search”）。html（“通过ajax收到的数据”）;

这里有使用jquery移动标准吗？或者我应该为结果使用不同的页面？请帮我选择最好的方式

Answer 1

我建议阅读jQM文档

• http://jquerymobile.com/demos/1.0.1/docs/pages/index.html

特别是

• http://jquerymobile.com/demos/1.0.1/docs/pages/page-scripting.html
• http://jquerymobile.com/demos/1.0.1/docs/pages/page-dynamic.html

Answer 2

由于您的数据以JSON形式返回，因此最好的方法是使用jsRender。这是jquery团队为客户端模板所规定的方向。它也非常简单和强大。

我在我的科技博客上有an example，我使用Flickr的JSON API并动态生成要转换的页面。该示例还在代码中添加了一些注释选项，您可能会发现这些选项对DOM大小管理很有用。