javascript - Comment implémenter une fonction de collecte sans rafraîchir en php, il est préférable d'avoir un exemple ~
淡淡烟草味2017-07-05 10:02:03
0
5
4453
Comment combiner php avec ajax pour réaliser la fonction de collection sans rafraîchir, qui est grise avant de cliquer sur une icône et rouge après avoir cliqué Il est préférable d'avoir un exemple~Merci les gars~
Envoyez une requête ajax après avoir cliqué, puis définissez la couleur de l'icône sur rouge. En même temps, vous devez faire attention à chaque fois que vous demandez cette page, n'oubliez pas d'initialiser la couleur de cette icône de collection.
Cliquez pour collecter <script> //$id est l'identifiant du produit à collecter //url est l'adresse de l'opération data function collection($id){ if($id=='') {return false; } var param={}; param.id=$id; $.post('url',param,function(data){ if(data==true){ alert('Collection réussi'); }else{ alert('Veuillez réessayer plus tard'); } }) } </script> ///Opération de données fonction publique comme(){ 1 après réception de données 2 opérations de dépôt récentes en ligne 3 Valeur de retour (renvoie vrai en cas de succès, faux en cas d'échec)
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Une fois le traitement PHP terminé, il sera traité dans la fonction de rappel
.Vous pouvez aller voir l'introduction détaillée de la méthode ajax [méthode ajax]
Envoyez une requête ajax après avoir cliqué, puis définissez la couleur de l'icône sur rouge. En même temps, vous devez faire attention à chaque fois que vous demandez cette page, n'oubliez pas d'initialiser la couleur de cette icône de collection.
Cliquez pour collecter
<script>
//$id est l'identifiant du produit à collecter
//url est l'adresse de l'opération data
function collection($id){
if($id=='') {return false; }
var param={};
param.id=$id;
$.post('url',param,function(data){
if(data==true){
alert('Collection réussi');
}else{
alert('Veuillez réessayer plus tard');
}
})
}
</script>
///Opération de données
fonction publique comme(){
1 après réception de données
2 opérations de dépôt récentes en ligne
3 Valeur de retour (renvoie vrai en cas de succès, faux en cas d'échec)
}
Utilisez ajax sans actualiser