现在,jquery mobile由于可以使用HTML5去 编写移动网页,因此如果是普通的网站,
想搞个移动版本之类的话,可以尝试用jquery mobile,比如有些功能,需要返回给
移动端的话,可以使用后端REST的风格,以JSON形式返回给前端,然后jquery mobile
有利用ajax发起向后端拿到REST返回的结果,在前端解析,效果是不错的。
下面看下大概的模型:
<ul id="projects_id" data-role="listview" data-theme="e" data-inset="true" data-filter="false">
这里,比如使用一个listview来获得后端REST返回给前端的数据,记得使用的是
data-role="listview"
然后,假设有一个REST返回的形式,比如:
http://localhost:8080/office-mobile/rest/report/projectlist.json?count=5&start=0
则jquery mobile中,利用其$.getJSON方法,即可获得JSON的结果,例如:
<script>
$.getJSON("/office-mobile/rest/report/projektliste.json?",
{
count : "5",
start : "0"
}, function(data) {
$.each(data.entity, function(i, workitem) {
//进行相关的处理,在回调函数中编写
$("#projects_id").append("[*]<a href=\"" + link + "\">" + workflowSummary + "</a>
");
});
$("#projects_id").listview("refresh");
}); </script>
可以看到,通过getJSON,jquery mobile可以很容易地获得JSON结果集合,
然后进行字符串拼装显示处理,最后要记得使用listview的refresh方法,
这样则会在前台中以列表形式显示出后端返回给前端的数据了。
分享到:
相关推荐
PhoneGap+jQuery Mobile+REST 访问远程数据 在移动应用开发中,PhoneGap是一个流行的框架,它允许开发者使用HTML、CSS和JavaScript来构建跨平台的原生移动应用。jQuery Mobile则是一个专为触摸设备设计的前端框架,...
2. **RESTful API**:构建符合REST原则的API,提供JSON格式的数据,与jQuery Mobile的AJAX请求相匹配。 3. **安全性考虑**:在通信过程中,注意数据安全,例如使用HTTPS加密通信,防止中间人攻击。 总结,jQuery ...
IPT Mobile Presentation 使用 WebSocket、JAX-RS (REST) 和 jQuery Mobile 演示交互式移动演示和登录事件通知 版权所有 (c) 2012 - 2014 IPT - Intelligent Products & Technologies Ltd. 保留所有权利。 电子邮箱...
基于Windows Mobile 6.0平台的Twitter系统的设计,郭顺,,本文应用Twitter官方网站开放的REST API提出了一种基于Windows Mobile 6.0平台的Twitter系统设计方案。首先介绍了Twitter应用、Twitter REST API和Window
9. **版本控制**:文件名为“jquerymobile-cordova-tutorial-meeting-rooms-3-master”暗示了项目使用了Git作为版本控制系统。Git可以帮助开发者追踪代码变更,协同开发,并管理不同版本的代码。 10. **部署与发布*...
首先是移动友好的Web界面,其次是C ++ REST服务。 目前,该网络界面已针对Google Chrome浏览器进行了优化-其他浏览器可能无法正常运行。先决条件一个Raspberry Pi,用于运行(Apache-)Web服务器和SPIhome守护程序...
2. **JavaScript/jQuery代码**:在`get_mobile_local.js`文件中,我们需要监听手机号输入框的事件,例如`input`或`change`事件。当用户输入发生变化时,使用Ajax调用淘宝的API接口,查询手机号归属地。 ```...
jQuery Mobile 1.1.0是一个跨平台的Web应用框架,用于创建针对智能手机和平板设备的Web应用。jQuery Mobile提供了一个统一的API,允许开发者在不同的平台上开发应用程序。 jQuery Mobile 1.1.0的优点是提供了一个轻...
PhoneGap 客户端带有 OAuth2 的 Django REST 服务器带有 OAuth2 的 Java REST 客户端带有 OAuth2(和 Bootstrap UI)的 JavaScript AngularJS REST 客户端带有 OAuth2(和 jQueryMobile UI)的 JavaScript jQuery ...
PhoneGap Project JQuery Mobile Templates Server Connectors Updated to the WTP Framework Deployment Mode Flexibility for Tomcat App Servers Custom Deployment Server Pivotal tc Server 3.0 Support ...
2. **jQuery Mobile 与 ASP.NET MVC 结合**:jQuery Mobile 是一个强大的前端框架,用于创建触控友好的用户界面。书中可能会讲解如何将它与 ASP.NET MVC 集成,快速构建移动应用的UI。 3. **移动特定的功能增强**:...
- JavaScript部分:需要选择基础和功能类库,例如Zepto、YUI、jQuery、Underscore、Hammer.js、iScroll等,来提高开发效率和增强应用的功能。 第二步是用户交互(User Interaction)的开发。这一步涉及到选择合适的...
在这个"django-drf-jquerymobile-starter-project"中,我们看到的是一个基于Django REST Framework和jQuery Mobile的启动项目,主要面向移动设备的Web应用开发。 首先,让我们深入了解一下Django REST Framework...
结合两者,这个项目可能创建了一个使用Slim Framework作为后端服务,通过REST API提供数据,前端使用jQuery Mobile构建用户界面的应用。开发人员可能已经编写了控制器来处理API请求,并且设置了一系列路由来响应前端...
This is a hands-on book which introduces you to agile JavaScript web and mobile software development using the latest cutting-edge front-end and back-end technologies including: Node.js, MongoDB, ...
《jQuery Mobile与Django RESTful框架整合初探》 在当今的Web开发中,移动设备的普及使得开发者需要关注移动应用的开发。本篇文章将深入探讨如何利用jQuery Mobile和Django RESTful框架创建一个高效的移动应用程序...
JET依赖于一系列成熟的开源库,如Hammer.js、RequireJS、jQuery、jQuery UI、Knockout.js,以实现双向数据绑定、智能资源管理和小部件工厂等功能。其优势在于它的模块化架构,可以按需选择使用,同时保持轻量级和...
* jQuery和jQuery Mobile的使用 * Highcharts的使用 * 实时数据的显示 知识点十三:CoAP协议 * CoAP的概念 * CoAP命令行工具的使用 * CoAP Hello World程序的编写 * CoAP数据库查询的实现 本资源提供了一个系统的...