Explication détaillée des étapes pour implémenter directement la fonction similaire avec Ajax

Cette fois, je vais vous apporter un guide détaillé étape par étape pour implémenter directement la fonction like avec Ajax. Quelles sont les précautions pour implémenter directement la fonction like avec Ajax. Voici un cas pratique. , jetons un coup d'oeil.

La première étape consiste à supprimer le redondant dans le module --->News Mood--->Mood Configuration en arrière-plan, changer le nom en "J'aime", soumettre et enregistrer.

Le second est le fichier modèle pour modifier l'ambiance de l'actualité :/phpcms/templates/default/mood/index.html

Supprimer tous les codes et renvoyer uniquement le nombre total de likes

{loop $setting $k $v} 
{$data[$v['fields']]} 
{/loop}

La mise en œuvre de la page modèle est la suivante. Grâce au tableau de boucles

<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>

le traitement ajax est

$(".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;       
                  } 
                }) 
              });

Je vous crois. J'ai maîtrisé la méthode après avoir lu le cas dans cet article. Veuillez venir pour des informations plus intéressantes. Faites attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée des étapes de suppression des données et d'affichage des données par Ajax

Comment utiliser ajax pour implémenter des fenêtres pop-up Connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!