84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
php如何結合ajax實現無刷新的收藏功能，就是點擊一個圖標之前灰色，點擊之後紅色的那種，最好有個實例~謝謝大佬們~
<!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方法]
點擊之後發送ajax請求，然後設定圖示顏色為紅色。同時要注意每次要求這個頁面，記得初始化這個收藏圖示的顏色。
點選收藏///資料操作public function like(){1 post 接收資料2 近行存入操作3 回傳值（成功return true 失敗return false）
}
無刷新用ajax
php那邊處理完成之後在回呼函數裡面處理就ok了
你可以去看看ajax方法的詳細介紹 [ajax方法]
點擊之後發送ajax請求，然後設定圖示顏色為紅色。同時要注意每次要求這個頁面，記得初始化這個收藏圖示的顏色。
點選收藏
///資料操作
public function like(){
1 post 接收資料
2 近行存入操作
3 回傳值（成功return true 失敗return false）
}
無刷新用ajax