javascript - php如何實現無刷新的收藏功能,最好有個實例~
淡淡烟草味
淡淡烟草味 2017-07-05 10:02:03
0
5
4447

php如何結合ajax實現無刷新的收藏功能,就是點擊一個圖標之前灰色,點擊之後紅色的那種,最好有個實例~謝謝大佬們~

淡淡烟草味
淡淡烟草味

全部回覆(5)
代言
<!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>

php那邊處理完成之後在回呼函數裡面處理就ok了

滿天的星座
<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>

你可以去看看ajax方法的詳細介紹 [ajax方法]

学习ing

點擊之後發送ajax請求,然後設定圖示顏色為紅色。同時要注意每次要求這個頁面,記得初始化這個收藏圖示的顏色。

淡淡烟草味

點選收藏

///資料操作
public function like(){
1 post 接收資料
2 近行存入操作
3 回傳值(成功return true 失敗return false)

}

洪涛

無刷新用ajax

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板