ホームページ > ウェブフロントエンド > jsチュートリアル > Ajax は phpcms のような関数を実装します (グラフィック チュートリアル)

Ajax は phpcms のような関数を実装します (グラフィック チュートリアル)

亚连
リリース: 2018-05-22 16:14:15
オリジナル
2004 人が閲覧しました

この記事では、主に phpcms のような関数の Ajax 実装のサンプル コードを紹介します。非常に優れており、必要な友人は参考にしてください。

まず、バックグラウンドでモジュールを追加します。 --> ムード設定 冗長なものを削除し、名前を「いいね!」に変更して送信して保存します。

2 つ目は、ニュースのムードを変更するためのテンプレート ファイルです:/phpcms/templates/default/mood/index.html

すべてのコードを削除し、いいねの合計数のみを返します

{loop $setting $k $v} 
{$data[$v['fields']]} 
{/loop}
ログイン後にコピー

の実装テンプレートページは次のとおりです: 配列

をループすることで

<p class="info"> 
          <a href="http://phpcms.com/content-150-1-1.html" target="_blank" title="展会现场人头攒动"><h4 class="title ellipsis download">展会现场人头攒动</h4></a> 
          <p class="date">2017-02-01</p> 
          <p class="sum"> 
            <span class="laud"><i class="iconfont zanbtn" >赞</i><a href="javascript:;" rel="external nofollow"  <span style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(34, 34, 34); unicode-bidi: -webkit-isolate; font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">id</span><span style="color: rgb(34, 34, 34); font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">="</span><span style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(34, 34, 34); unicode-bidi: -webkit-isolate; font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">zans{$r[id]}</span><span style="color: rgb(34, 34, 34); font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">" </span> title="<span style="color: rgb(34, 34, 34); font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">$r[id]}</span>">0</a></span> 
          </p>  
        </p>
ログイン後にコピー

ajax処理K=8はいいね

$(".zanbtn").on("click",function(){ 
                var id = $(this).next().attr("title"); 
                var aval = $(this).next("a").html(); 
                $.getJSON(&#39;http://phpcms.com/index.php?m=mood&c=index&a=post&id=150-&#39;+id+&#39;-1&k=8&&#39;+Math.random()+&#39;&callback=?&#39;, function(data){ 
                  if(data.status==1) { 
                    console.log( $(this).next()); 
                    $("#zans"+id).html(data.data); 
                  }else { 
                    alert(data.data);   
                    return false;       
                  } 
                }) 
              });
ログイン後にコピー

を意味します。 上記は私が皆さんのためにまとめたものです。未来。

関連記事:

AJAXの使い方を詳しく分析(コード貼り付け)

php+ajax+h5で画像アップロード機能を実装

php+ajaxでクエリを実装ドロップダウンコンテンツ機能

以上がAjax は phpcms のような関数を実装します (グラフィック チュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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