AJAX动态加载

function getData() {
.showIndicator().ajax({
type: "get",
url: "dataAjax.jsp",
data: {
type: "spendList",
account: '<%=StringUtil.escapeForJavaScript(account)%>',
gopage: currentpage,
cardNumber: '<%=StringUtil.escapeForJavaScript(cardNumber)%>',
wechat: "<%=StringUtil.escapeForJavaScript(wechat)%>",
appid: "<%=StringUtil.escapeForJavaScript(appid)%>",
searchStr:("#searchText").val() }, dataType: "json", success: function (res) { if (res.data.length > 0) { renderHtml(res.data); currentpage++; loading = false; if (currentpage >= res.allpage) {('.infinite-scroll-preloader').remove();//移除加载
}
} else {
("#spendList").append("<div style='color: #777;text-align: center;margin-top: 15px;'>未找到消费记录</div>"); }.hideIndicator();
}
})
}

function renderHtml(data) {
    $.each(data, function (i, item) {
        var temp = "";
        var datastr = {
            "jyje": item.jyje,
            "jyrq": item.jyrq,
            "jysj": item.jysj,
            "jydd": item.jydd
        };
        
            //消费
            temp = getSpemdTemplate(datastr)+"<hr>";
        
        
        //添加到相应位置的id
        $("#spendList").append(temp);
        $("#spendList").addClass('billListLi');
    })
}

function getSpemdTemplate(datastr) {
    //花费模板
    var templist = $("#spend").html();
    return parsetList(templist, datastr);
}

//替换模板
function parsetList(str, o, regexp) {
    if (!str)
        return '';
    return str.replace(regexp || /\\?\??{([^\??{}]+)\}/g, function (match, name) {
        return (o[name] === undefined) ? '' : o[name];
    });
}
function search(){
    $("#spendList").empty();
    getData();
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容