今回は、Ajax で like 関数を直接実装する方法について、ステップバイステップで詳しく説明します。Ajax で like 関数を直接実装するための 注意事項 について、実際のケースを見てみましょう。見て。
まず、バックグラウンドでモジュール--->News Mood--->Mood Configuration内の冗長なものを削除し、名前を「いいね!」に変更して送信し、保存します。
2 つ目は、ニュースの雰囲気を変更するためのテンプレート ファイルです: /phpcms/templates/default/mood/index.html
すべてのコードを削除し、いいねの合計数のみを返します
{loop $setting $k $v} {$data[$v['fields']]} {/loop}
テンプレート ページの実装は次のとおりですfollow ループ配列によって処理されます
<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 は、like
$(".zanbtn").on("click",function(){ var id = $(this).next().attr("title"); var aval = $(this).next("a").html(); $.getJSON('http://phpcms.com/index.php?m=mood&c=index&a=post&id=150-'+id+'-1&k=8&'+Math.random()+'&callback=?', function(data){ if(data.status==1) { console.log( $(this).next()); $("#zans"+id).html(data.data); }else { alert(data.data); return false; } }) });
を意味します。この記事のケースを読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
Ajax によるデータの削除とデータ操作の表示の手順の詳細な説明
以上がAjaxでlike関数を直接実装する手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。