简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
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
4404

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~

.
淡淡烟草味
淡淡烟草味

répondre à tous(5)
代言
代言2017-07-05 10:04:03 5 plancher 
<!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

.
Comme +0
Ajouter une réponse
滿天的星座
滿天的星座2017-07-05 10:04:03 4 plancher 
<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]

Comme +0
Ajouter une réponse
学习ing
学习ing2017-07-05 10:04:03 3 plancher

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.

Comme +0
Ajouter une réponse
淡淡烟草味
淡淡烟草味2017-07-05 10:04:03 2 plancher

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)

}

Comme +0
Ajouter une réponse
洪涛
洪涛2017-07-05 10:04:03 1 plancher

Utilisez ajax sans actualiser

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！