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
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值