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方法，
这样则会在前台中以列表形式显示出后端返回给前端的数据了。
  

已有 0 人发表留言，猛击->> 这里<<-参与讨论


ITeye推荐

• —软件人才免语言低担保 赴美带薪读研！—