Rumah > Soal Jawab > teks badan
Bagaimana untuk menggabungkan php dengan ajax untuk merealisasikan fungsi koleksi tanpa menyegarkan, iaitu kelabu sebelum mengklik ikon dan merah selepas mengklik
代言2017-07-05 10:04:03
<!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>
Selepas pemprosesan PHP selesai, ia akan diproses dalam fungsi panggil balik
滿天的星座2017-07-05 10:04:03
<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>
Anda boleh pergi dan lihat pengenalan terperinci kaedah ajax [kaedah ajax]
学习ing2017-07-05 10:04:03
Hantar permintaan ajax selepas mengklik, dan kemudian tetapkan warna ikon kepada merah. Pada masa yang sama, anda perlu memberi perhatian kepada setiap kali anda meminta halaman ini, ingat untuk memulakan warna ikon koleksi ini.
淡淡烟草味2017-07-05 10:04:03
Klik untuk mengumpul
<skrip>
//$id ialah id produk yang akan dikumpul
//url ialah alamat data operasi
pengumpulan fungsi($id){
if($id=='') {return false; }
var param={};
param.id=$id;
$.post('url',param,function(data){
if(data==true){
alert('Collection berjaya');
}lain{
alert('Sila cuba lagi nanti');
}
})
}
</skrip>
///Pengendalian data
fungsi awam seperti(){
1 siaran menerima data
2 operasi deposit Baris baru-baru ini
3 Nilai pulangan (kembali benar jika berjaya, salah jika gagal)
}