简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Bagaimana untuk melaksanakan fungsi koleksi tanpa menyegarkan dalam php, sebaiknya ada contoh~
淡淡烟草味
淡淡烟草味 2017-07-05 10:02:03
0
5
4405

Bagaimana untuk menggabungkan php dengan ajax untuk merealisasikan fungsi koleksi tanpa menyegarkan, iaitu kelabu sebelum mengklik ikon dan merah selepas mengklik

淡淡烟草味
淡淡烟草味

membalas semua(5)
代言
代言2017-07-05 10:04:03 Tingkat 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>

Selepas pemprosesan PHP selesai, ia akan diproses dalam fungsi panggil balik

Suka +0
Tambah Balasan
滿天的星座
滿天的星座2017-07-05 10:04:03 Tingkat 4 
<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]

Suka +0
Tambah Balasan
学习ing
学习ing2017-07-05 10:04:03 Tingkat 3

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.

Suka +0
Tambah Balasan
淡淡烟草味
淡淡烟草味2017-07-05 10:04:03 Tingkat 2

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)

}

Suka +0
Tambah Balasan
洪涛
洪涛2017-07-05 10:04:03 Tingkat 1

Gunakan ajax tanpa menyegarkan

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！