jquery mobile在div中加载ajax结果答案

【问题标题】：jquery mobile loading a ajax result within a divjquery mobile在div中加载ajax结果
【发布时间】：2012-01-27 02:40:50
【问题描述】：

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

用户点击网址，进入首页
有多个带有 data-role="page" 的 div 元素。主页 id 是“主页”。主页上有一个搜索按钮。当用户输入内容并点击搜索时，我正在通过 Ajax 检索一些数据。
数据应填充到具有 data-role="page" 和 id="Search" 的 div 中。

那么，我的问题是在 div 中填充结果的最佳方式是什么？在普通的 jquery 中，我只会做 $("#Search").html("data received via ajax");

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

【问题讨论】：

【解决方案1】：

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

我的技术博客上有an example，我在其中使用来自 Flickr 的 JSON API 并动态生成要转换到的页面。该示例还在代码中包含一些注释掉的选项，您可能会发现它们对 DOM 大小管理很有用。

【讨论】：

@sliger。我现在正在做的是，我正在使用 changePage('searchResults.php'.....)。在 searchResults.php 中，我以正常方式循环查询结果，并且工作正常。不需要 JSON 等等。哪个是最好的方法？我没有使用任何外部 API。
实际上，如果您只是要在服务器上呈现 HTML（这可能是一个更好的策略），您甚至不必使用 changePage 方法。只需创建一个普通的 HTML 表单并返回标准的 jquerymobile 页面标记，就可以了。无需自定义编码。你的项目在我能看到的任何地方吗？

【解决方案2】：

我建议阅读 jQM 文档

特别是

【讨论】：