- communauté
- Apprendre
- Bibliothèque d'outils
- Loisirs
Maison > Questions et réponses > le corps du texte
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~
.
代言2017-07-05 10:04:03
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
</head>
<style>
.color{
color: #CCC;
}
</style>
<body>
<p class="color">灰色</p>
</body>
<script>
$(function () {
var $p = $(".color");
$p.click(function () {
$.ajax({
url:"xxxx",
data:"xxxx",
success:success
});
function success() {
$p.css("color","#F00");
}
})
})
</script>
</html>Une fois le traitement PHP terminé, il sera traité dans la fonction de rappel
.滿天的星座2017-07-05 10:04:03
<html>
<p id="goods_id_1">产品1号</p>
<a href="javacript:collection(1)">收藏</a>
</html>
<script>
function collection(gid)
{
$.ajax(
url:"处理页面.***",
data:{goods_id:gid},
Type:"POST",//PHP举例，这里用POST，处理页面里收到的参数字段为$_POST['goods_id'],gid为你想要收藏的参数值
dataType: "json",//还有text，html等，参考[ajax方法]
success: function(data){alert('收藏成功');}//成功后，data为url里填写的处理页面的返回参数
);
}
</script>Vous pouvez aller voir l'introduction détaillée de la méthode ajax [méthode ajax]
学习ing2017-07-05 10:04:03
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.
淡淡烟草味2017-07-05 10:04:03
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)
}
