jquerymobile知识点五：动态Grid的绑定以及刷新

最新推荐文章于 2024-08-17 11:32:55 发布

happy_to_you

最新推荐文章于 2024-08-17 11:32:55 发布

阅读量2k

点赞数

分类专栏： jquerymobile 文章标签： jquerymobile

本文链接：https://blog.youkuaiyun.com/lushan1990/article/details/12975249

版权

jquerymobile 专栏收录该内容

6 篇文章

订阅专栏

本文提供了一个jQueryMobile使用AJAX进行动态绑定和刷新的具体实例，包括初始绑定函数实现，通过POST请求获取数据，并成功处理并展示商品列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面jquerymobile是ajax动态绑定和刷新的例子。直接上图以及代码。

下面是实例代码：

//初始绑定
    function GetInitBind(PageIndex, PageSize, sqlwhere, OrderType) {
        showLoading();
        var adapGrid = $("#adapGrid");
        $.ajax({
            type: "POST",
            url: "/Ashx/YouHui.ashx?MethodName=GetSealsList&PageSize=" + PageSize + "&PageIndex=" + PageIndex + "&date=" + new Date().getTime() + "&SqlWhere=" + sqlwhere + "&OrderType=" + OrderType,
            data: "",
            dataType: "json",
            success: function (data) {
                data = eval(data);
                var strleft = "";
                $.each(data.List, function (i, item) {//打折商品列表
                    if (i % 2 == 0) {
                        strleft += "<div class='ui-block-a' style='height:100%'>";
                        strleft += "<img style='width:99%;' src='" + item.YouhuiFilepath + "'/>";
                        strleft += "<a class='descriptions'>";
                        strleft += "<p>剩余时间：" + unescape(item.Day) + "</p>";
                        strleft += "</a>";
                        strleft += "</div>";
                    } else {
                        strleft += "<div class='ui-block-b' style='height:100%'>";
                        strleft += "<img style='width:99%;' src='" + item.YouhuiFilepath + "'/>";
                        strleft += "<a class='descriptions'>";
                        strleft += "<p>剩余时间：" + unescape(item.Day) + "</p>";
                        strleft += "</a>";
                        strleft += "</div>";
                    }
                });
                adapGrid.append(strleft).trigger("create");//重要（刷新）
            },
            error: function (data) {
               // $("#goodlist").html("数据有误！");
            }
        });
        hideLoading();
    }

希望对初学者有所帮助。。。。