使用jQuery Mobile进行动态页面的最佳方法是什么?

时间:2012-06-19 21:37:12

标签: jquery-mobile

这真令人沮丧..!

使用带有预定义页面的jQuery Mobile时,一切都顺利而轻松,但更复杂的项目呢?

我正在开发一个调查系统,根据之前的答案呈现下一页。 因此,每个页面都必须将当前问题提交给外部API并获得下一个问题。

我的第一选择是在JS上发挥重要作用, 但是它的主要问题是数据必须通过AJAX发送,然后注入新的结构化HTML必须“刷新”才能很好地呈现。 除此之外,所有AJAX请求都必须进行回调,因为它会创建一个混乱的代码。 因此,在我的案例中,一个包含20-30个问题的调查由15种不同类型的表单组成,其中大量使用了回调和嵌套回调。

然后我用PHP作为基础重新编写项目。 表单(包含调查问题)提交到同一页面,其中包含一个“data-role = page” “实例。使用CURL请求,我发送答案并得到下一个问题,生成HTML结构并且瞧 - 这一切都呈现出辉煌而不需要触发刷新。

但是使用这种方法有其自身的问题:

  • 提交到同一页面会使您无法访问过渡页面 并为您提供默认的淡入淡出过渡。
  • jQuery mobile有这种奇怪的缓存(甚至在我使用了每一个之后) 禁用它的方法)
  • 将数据从页面传递到页面很棘手 - GET是长度
    自实际的CURL请求以来,限制和POST不符合我的需求 必须提交“param1 = val1& ..”)

那么,在处理复杂且动态的项目时,最好使用jQuery Mobile?

谢谢,

1 个答案:

答案 0 :(得分:0)

恕我直言(自己来自PHP和jQM)我采用了使用PHP的JSON方法然后使用jQM进行解析。

我的方法是创建登录页面(具有动态内容的页面)框架​​,以保存所需的功能,如导航,徽标,页眉,页脚等...并让jQM使用发送的JSON更新页面内容来自PHP回复。

您还可以将此与localstorage与storage.js

配对

现在我似乎(但尚未使用)关于使用模板引擎(如Handlebars)的一些信息,这里有一些我发现可能有趣的链接: