ajax に基づいた thinkPHP メニューとページングの例

高洛峰
リリース: 2016-12-21 16:47:39
オリジナル
1554 人が閲覧しました

この記事の例では、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>
ログイン後にコピー

Theメニュー内容は post before で実装すれば問題ありません

$.post(url, function(data) {
 $(&#39;.centent&#39;).html(data);
});
ログイン後にコピー

しかし、ajax で実装すると正しい結果が得られません。ページングを完了できません。
最終的に考えた後、type: "POST" を type: "GET" に変更しました。
問題は解決されました。 post メソッドも POST で送信されますが、最初は ajax も POST で送信されますが、なぜ機能しないのでしょうか。結局、この 2 つの URL は異なっていることがわかりました。

この記事が、ThinkPHP フレームワークに基づいた PHP プログラムの設計に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート