关于jquery mobile 调用后台数据的问题
2012-07-13 10:10 滴水成兵 阅读(1108) 评论(0) 编辑 收藏 举报mobile无疑使一款非常强大的移动开发框架,但是很多方法不能用传统ajax 请求的方法去请求数据。
最后中叶找到了个解决的办法,先贴代码吧:
$(function(){ $.mobile.showPageLoadingMsg(); $.ajax({ url: "data.json", type: "POST", dataType: "script", success : function(data) { var oData = eval(data); var markup =''; $.each(oData,function(i){ markup += "<li><a href='menuDetail.html'><img src= '"+ oData[i].url +"' width='319' height='252' style='height:auto; width: 50%'; />"+ oData[i].name+"</a></li>"; }); $("#list_view").html(markup); $("#list_view").listview("refresh"); $.mobile.hidePageLoadingMsg(); }, error : function(data, status) { alert("请刷新页面"); } }); })
这里主要的一句是
$("#list_view").listview("refresh");
它的作用就是ajax请求过来数据进行局部刷新,否则加载过来的列表将没有效果。