> php教程 > PHP开发 > Ajax 기반 thinkPHP 메뉴 및 페이징 예제

Ajax 기반 thinkPHP 메뉴 및 페이징 예제

高洛峰
풀어 주다: 2016-12-21 16:47:39
원래의
1582명이 탐색했습니다.

이 기사의 예에서는 thinkPHP가 Ajax를 기반으로 메뉴와 페이징을 구현하는 방법을 설명합니다. 참고용으로 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

ajax를 사용하여 구현된 카테고리 메뉴:

function getid(id){
$.ajax({
   url: "{:U('/Index/example')}",
   type: "POST",
   data: {id:id}
  }).success(function(data) {
   $("#centent").html(data);
  });
}
로그인 후 복사

페이징에 ajax를 사용하여 이 내용은 인터넷 :

<script type="text/javascript">
<!--
$("#page_show > a").click(function() {
  $(&#39;#centent&#39;).append(&#39;<span id="lod">加载中..</span>&#39;);
  //获取url
  var _HREF = $(this).attr(&#39;href&#39;);
  //加载页面
  $("#centent").load(_HREF, &#39;&#39;, function() {
    $("#lod").remove();
  });
  return false;
});
//-->
</script>
로그인 후 복사

이전 포스트를 이용하여 구현한 메뉴 내용에는 문제가 없습니다.

$.post(url, function(data) {
 $(&#39;.centent&#39;).html(data);
});
로그인 후 복사

그런데 ajax를 사용하면 정확한 결과를 얻을 수 없습니다. 페이징을 완료할 수 없습니다.
마지막으로 생각한 후 유형: "POST"가 유형: "GET"으로 변경되었습니다.
문제가 해결되었습니다. post 메소드도 POST로 제출하고, ajax도 처음에 POST로 제출하는데 왜 작동하지 않나요? 결국에는 여전히 두 URL이 다르다는 것을 알게 되었습니다.

이 기사가 ThinkPHP 프레임워크를 기반으로 PHP 프로그램을 설계하는 데 도움이 되기를 바랍니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿