代码改变世界

关于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请求过来数据进行局部刷新,否则加载过来的列表将没有效果。