Tham khảo code Ajax load bài viết

Tham khảo code Ajax load bài viết, các bạn có thể áp dụng đoạn code ajax để viết nhiều code khác trong quá trình thiết kế blogspot

Code Ajax lấy bài viết kế hợp load more được viết như sau

 

<script type=’text/javascript’>

//<![CDATA[

$.ajax({

url: “/feeds/posts/default/-/giao-dien-blog?alt=json-in-script&max-results=16”,

type: “get”,

dataType: “jsonp”,

success: function(e) {

for (var a = “”, i = “”, n = 0; n < e.feed.entry.length; n++) {

for (var t = 0; t < e.feed.entry[n].link.length; t++)

if (“alternate” == e.feed.entry[n].link[t].rel) {

a = e.feed.entry[n].link[t].href;

break

} if (“content” in e.feed.entry[n]) var r = e.feed.entry[n].content.$t;

else if (“summary” in e.feed.entry[n]) r = e.feed.entry[n].summary.$t;

else r = “”;

r = r.replace(/<S[^>]*>/g, “”);

var s = e.feed.entry[n].media$thumbnail.url.replace(“s72-c”, “s1600”),

l = e.feed.entry[n].title.$t,

d = -1 != r.indexOf(“[giaban]”) ? r.substring(r.indexOf(“[giaban]”) + 8, r.indexOf(“[/giaban]”)) : “Liên hệ”;

i += ‘<div class=”col-lg-3 col-md-4 col-sm-6″> <div class=”theme-item responsive”> <div class=”theme-image”><img src=”data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==” data-src=”‘ + s + ‘” alt=”‘ + l + ‘” width=”253″ height=”285″ class=”lazyload”> <div class=”theme-action”> <div class=”button”><a href=”‘ + (-1 != r.indexOf(“[link]”) ? r.substring(r.indexOf(“[link]”) + 6, r.indexOf(“[/link]”)) : “”) + ‘” class=”view-demo action-preview-theme” target=”_blank” rel=”noreferrer”>Xem mẫu</a><a href=”‘ + urlmuangay + ‘” class=”view-detail” target=”_blank” rel=”noreferrer”>Mua ngay</a></div> </div> </div> <div class=”theme-info”><a href=”‘ + a + ‘” class=”title”> <h2>’ + l + ‘</h2> </a><span class=”price”>’ + d + ” đ</span></div> </div> </div>”

}

$(“#result”).append(i)

}

});

//]]>

</script>

 

Chúc bạn thành công!