어 초급 AJAX & JS 그래서 나와 함께하시기 바랍니다.AJAX URL로 페이지 번호
나는 매김이 AJAX를 사용
$(function() {
var keyword = window.localStorage.getItem("keyword");
//pagination
var limit = 3;
var page = 0;
var offset = 0;
$("#btnLoad").on('click', function() {
page++;
if (page != 0)
offset = (page - 1) * limit;
$.ajax({
url: "http://localhost/jwmws/index.php/jwm/search/msmall/" + keyword + "/" + limit + "/" + offset, //This is the current doc
type: "GET",
error: function (jq, st, err) {
alert(st + " : " + err);
},
success: function (result) {
alert("offset=" + offset + " page =" + page);
//generate search result
$('#search').append('<p style="float:left;">Search for : ' + keyword + '</p>' + '<br/>' + '<p>Found ' + result.length + ' results</p>');
if (result.length == 0) {
//temp
alert("not found");
} else {
for (var i = 0; i < result.length; i++) {
//generate <li>
$('#list').append('<li class="box"><img class="picture" src="images/HotPromo/tagPhoto1.png"/><p class="name"><b>Name</b></p><p class="address">Address</p><p class="hidden"></p></li>');
}
var i = 0;
$(".box").each(function() {
var name, address, picture, id = "";
if (i < result.length) {
name = result[i].name;
address = result[i].address;
picture = result[i].boxpicture;
id = result[i].mallid;
}
$(this).find(".name").html(name);
$(this).find(".address").html(address);
$(this).find(".picture").attr("src", picture);
$(this).find(".hidden").html(id);
i++;
});
$(".box").click(function() {
//alert($('.hidden', this).html());
window.localStorage.setItem("id", $('.hidden', this).html());
$("#pagePort").load("pages/MallDetail.html", function() {});
});
}
}
});
}).trigger('click');
});
내가 url:
에서 페이지 매기기에 변수를 사용하는 것이주의하시기 바랍니다. 나는 페이지와 오프셋 변수에 경고하려고 노력했다.
그러나 AJAX는 첫 번째 페이지 (페이지로드시)에서만 작동합니다. 페이지 및 오프셋 변수의 값이 true 인 경우에도 나머지는 작동하지 않습니다.
콘솔에 경고/오류가 없습니다. 데이터가 표시되지 않습니다.
는 어떤 도움에 감사드립니다, 감사합니다 : D
'# btnLoad'버튼이 있습니까? – putvande
Whay jQuery 버전을 사용하십니까? – YD1m
@putvande 예 해당 존재, 나는 그것을 확인했습니다 : D –