`

jquery mobile搭配REST是不错的选择

阅读更多
现在,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方法,
这样则会在前台中以列表形式显示出后端返回给前端的数据了。
  
1
0
分享到:
评论

相关推荐

    【叨、校长】PhoneGap+jQuery Mobile+Rest 访问远程数据

    PhoneGap+jQuery Mobile+REST 访问远程数据 在移动应用开发中,PhoneGap是一个流行的框架,它允许开发者使用HTML、CSS和JavaScript来构建跨平台的原生移动应用。jQuery Mobile则是一个专为触摸设备设计的前端框架,...

    JQueryMobile与后台通信

    2. **RESTful API**:构建符合REST原则的API,提供JSON格式的数据,与jQuery Mobile的AJAX请求相匹配。 3. **安全性考虑**:在通信过程中,注意数据安全,例如使用HTTPS加密通信,防止中间人攻击。 总结,jQuery ...

    IPT-Mobile-Presentation:IPT Mobile Presentation 使用 WebSocket、JAX-RS (REST) 和 jQuery Mobile 演示交互式移动演示和登录事件通知

    IPT Mobile Presentation 使用 WebSocket、JAX-RS (REST) 和 jQuery Mobile 演示交互式移动演示和登录事件通知 版权所有 (c) 2012 - 2014 IPT - Intelligent Products & Technologies Ltd. 保留所有权利。 电子邮箱...

    论文研究-基于Windows Mobile 6.0平台的Twitter系统的设计 .pdf

    基于Windows Mobile 6.0平台的Twitter系统的设计,郭顺,,本文应用Twitter官方网站开放的REST API提出了一种基于Windows Mobile 6.0平台的Twitter系统设计方案。首先介绍了Twitter应用、Twitter REST API和Window

    jquerymobile-cordova-tutorial-meeting-rooms-3:添加cordova项目和服务器模块

    9. **版本控制**:文件名为“jquerymobile-cordova-tutorial-meeting-rooms-3-master”暗示了项目使用了Git作为版本控制系统。Git可以帮助开发者追踪代码变更,协同开发,并管理不同版本的代码。 10. **部署与发布*...

    spihome:带有jQuery Mobile到C ++ REST服务的Web界面

    首先是移动友好的Web界面,其次是C ++ REST服务。 目前,该网络界面已针对Google Chrome浏览器进行了优化-其他浏览器可能无法正常运行。先决条件一个Raspberry Pi,用于运行(Apache-)Web服务器和SPIhome守护程序...

    Jquery-Ajax获取手机号归属地实例

    2. **JavaScript/jQuery代码**:在`get_mobile_local.js`文件中,我们需要监听手机号输入框的事件,例如`input`或`change`事件。当用户输入发生变化时,使用Ajax调用淘宝的API接口,查询手机号归属地。 ```...

    新工具 (1).pdf

    jQuery Mobile 1.1.0是一个跨平台的Web应用框架,用于创建针对智能手机和平板设备的Web应用。jQuery Mobile提供了一个统一的API,允许开发者在不同的平台上开发应用程序。 jQuery Mobile 1.1.0的优点是提供了一个轻...

    django_sample_server:REST API

    PhoneGap 客户端带有 OAuth2 的 Django REST 服务器带有 OAuth2 的 Java REST 客户端带有 OAuth2(和 Bootstrap UI)的 JavaScript AngularJS REST 客户端带有 OAuth2(和 jQueryMobile UI)的 JavaScript jQuery ...

    myeclipse 2015 stable 1 0 offline installer windows part01 1 14

    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 ...

    PacktPub.ASP.NET.MVC.4.Mobile.App.Development.Jul.2013

    2. **jQuery Mobile 与 ASP.NET MVC 结合**:jQuery Mobile 是一个强大的前端框架,用于创建触控友好的用户界面。书中可能会讲解如何将它与 ASP.NET MVC 集成,快速构建移动应用的UI。 3. **移动特定的功能增强**:...

    一步一步开发HTML5 Mobile Apps--Adamlu.pdf

    - JavaScript部分:需要选择基础和功能类库,例如Zepto、YUI、jQuery、Underscore、Hammer.js、iScroll等,来提高开发效率和增强应用的功能。 第二步是用户交互(User Interaction)的开发。这一步涉及到选择合适的...

    ElasticBeanstalk

    在这个"django-drf-jquerymobile-starter-project"中,我们看到的是一个基于Django REST Framework和jQuery Mobile的启动项目,主要面向移动设备的Web应用开发。 首先,让我们深入了解一下Django REST Framework...

    slimframework-jqm

    结合两者,这个项目可能创建了一个使用Slim Framework作为后端服务,通过REST API提供数据,前端使用jQuery Mobile构建用户界面的应用。开发人员可能已经编写了控制器来处理API请求,并且设置了一系列路由来响应前端...

    Full Stack JavaScript(Apress,2015)

    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, ...

    Treasure_Island

    《jQuery Mobile与Django RESTful框架整合初探》 在当今的Web开发中,移动设备的普及使得开发者需要关注移动应用的开发。本篇文章将深入探讨如何利用jQuery Mobile和Django RESTful框架创建一个高效的移动应用程序...

    甲骨文新一代移动开发体验1

    JET依赖于一系列成熟的开源库,如Hammer.js、RequireJS、jQuery、jQuery UI、Knockout.js,以实现双向数据绑定、智能资源管理和小部件工厂等功能。其优势在于它的模块化架构,可以按需选择使用,同时保持轻量级和...

    一步步搭建物联网系统.pdf

    * jQuery和jQuery Mobile的使用 * Highcharts的使用 * 实时数据的显示 知识点十三:CoAP协议 * CoAP的概念 * CoAP命令行工具的使用 * CoAP Hello World程序的编写 * CoAP数据库查询的实现 本资源提供了一个系统的...

Global site tag (gtag.js) - Google Analytics