现在,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方法,
这样则会在前台中以列表形式显示出后端返回给前端的数据了。
分享到:
相关推荐
NULL 博文链接:https://daoxiaozhang.iteye.com/blog/1798014
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
首先是移动友好的Web界面,其次是C ++ REST服务。 目前,该网络界面已针对Google Chrome浏览器进行了优化-其他浏览器可能无法正常运行。先决条件一个Raspberry Pi,用于运行(Apache-)Web服务器和SPIhome守护程序...
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 ...
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 + Parse.com JS REST API •Backbone and Parse.com JS SDK •Backbone and Node.js •Backbone and Node.js + MongoDB The Chat application has all the foundation of a typical web/mobile ...
该应用程序在客户端使用 jQuery Mobile 编写,在服务器端使用 Spring Boot + Spring Rest 编写。 用于消息的格式是 JSON。 假定应用程序是有状态的。 例如,一旦执行登录,应用程序应将用户存储在服务器端的会话...
#实习-移动应用开发 持续时间:六周:2015年8月至11月 地点:布达佩斯Pulilab 参加者:Julia·埃雷(JúliaErő),安娜·特格拉斯(AnnaTéglássy) 关于该项目 运作方式如何?...Django REST框架使构建
力量NGAngularJS服务,用于使用Salesforce REST API ForceNG是一个微型库,可以轻松在AngularJS应用程序中使用Salesforce REST API。 通过ForceNG,您可以使用OAuth轻松登录到Salesforce,并使用简单的API来操作...
带标记的小径-远足,骑自行车,山地自行车和直排轮滑 该软件包包含运行网站所需的所有部分: api-提供Rest API的CherryPy应用程序 ... JQuery-Mobile- (MIT许可证) 海军报- (MIT许可) Modernizr-
REST 的 API 目前支持: 检索库(所有用户播放列表/文件夹) 检索播放列表 检索文件夹(包括/排除子文件夹和播放列表) 检索专辑 检索曲目 检索图像 将曲目添加到队列(当前支持单队列) 播放曲目 暂停/跳过功能 ...
Consider the Table of Contents below and you will see that this book stands out from the rest. Part 1: Mastering JavaScript Part 2: jQuery Part 3: AJAX Part 4: Web Design and Mobile Apps Part 5: ...
REST 设计的可添加书签的链接(仅限 GET) 适用于从 iTunes 图书商店购买的 ePub 文件(只要它们没有经过 DRM 加密,我就会为每个资源请求打印数据以供公平播放) 这已经完成了很多修复错误和显示问题的工作,我将...
在校园用餐:一个网络应用程序 ... 使用 Scala 中的 REST-ful API 和 PostgreSQL 数据库上的 Play 框架编写后端,并使用 jQuery Mobile 和 Knockout 编写 JavaScript 前端。 免责声明 该项目不隶属于 Google。
jQuery/Extjs/Dojo/Mootools/Yui Backbone Angular 移动端 h5/localstorage/websocket/canvas phonegap/cordova 是否具备编写原生插件能力 优化:fastclick,zepto,iscroll等 框架:sencha、jqmobile、ionic...
JAX-RS(新泽西州):API REST para (Angular 6 SPA) JWT(jose4j):标记为令牌(Angular 6 SPA) 坚持不懈 冬眠 实体经理 道 MySQL 5.7 测验 单元 莫基托 (API REST) 软件专家 Oracle JDK 8 / OpenJDK 8 ...