2013-08-02 1 views
-1

어 초급 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

+0

'# btnLoad'버튼이 있습니까? – putvande

+0

Whay jQuery 버전을 사용하십니까? – YD1m

+0

@putvande 예 해당 존재, 나는 그것을 확인했습니다 : D –

답변

-1

는 전체 HTML이 없을 때 코드를 디버깅하는 데 조금 어렵습니다. HTML과 JS 모두 JSFiddle에 코드를 넣을 수 있습니까?

+0

이것은 답변이 아닙니다. 이것을 코멘트로 생각하십시오. –

+0

죄송합니다. 나는 코멘트에 그것을 추가할만한 충분한 평판이 없다. –