Maison > interface Web > js tutoriel > Explication détaillée des étapes pour implémenter directement la fonction similaire avec Ajax

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

php中世界最好的语言
Libérer: 2018-04-02 11:57:04
original
2288 Les gens l'ont consulté

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}
Copier après la connexion

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>
Copier après la connexion

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;       
                  } 
                }) 
              });
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal