搜尋

首頁  >  問答  >  主體

javascript - php如何實現無刷新的收藏功能,最好有個實例~

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

淡淡烟草味淡淡烟草味2812 天前4511

全部回覆(5)我來回復

  • 代言

    代言2017-07-05 10:04:03

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

    25

    26

    27

    28

    29

    30

    31

    32

    <code><!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></code>

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

    回覆
    0
  • 滿天的星座

    滿天的星座2017-07-05 10:04:03

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    <code><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></code>

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

    回覆
    0
  • 学习ing

    学习ing2017-07-05 10:04:03

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

    回覆
    0
  • 淡淡烟草味

    淡淡烟草味2017-07-05 10:04:03

    點選收藏

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

    }

    回覆
    0
  • PHP中文网

    PHP中文网2017-07-05 10:04:03

    無刷新用ajax

    回覆
    0
  • 取消回覆