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~
.<!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
.<html>
<p id="goods_id_1">產(chǎn)品1號(hào)</p>
<a href="javacript:collection(1)">收藏</a>
</html>
<script>
function collection(gid)
{
$.ajax(
url:"處理頁(yè)面.***",
data:{goods_id:gid},
Type:"POST",//PHP舉例,這里用POST,處理頁(yè)面里收到的參數(shù)字段為$_POST['goods_id'],gid為你想要收藏的參數(shù)值
dataType: "json",//還有text,html等,參考[ajax方法]
success: function(data){alert('收藏成功');}//成功后,data為url里填寫(xiě)的處理頁(yè)面的返回參數(shù)
);
}
</script>
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)
}