一代現成的頂踩js代碼的簡單介紹

本文目錄一覽:

用JS,ajax 怎麼實現“頂一下”與“踩一下”功能

前台按鈕*2,設置點擊事件為頂是fun1(),踩是fun2(),引入jquery

script

function fun1(){

    $.post(url,{data:1},function(e){

        alert(e);

    });

}

function fun2(){

    $.post(url,{data:2},function(e){

        alert(e);

    });

}

/script

php後台例

?php

$c=$_POST[‘data’];

if($c==1){

    從數據庫拿到頂的數量+1再存回去;

    echo “成功頂了一下”;

}else if($c==2){

    從數據庫拿到踩的數量+1再存回去;

    echo “踩尼瑪啊”;

}

?

跪求 “頂一下 踩一下” 代碼,不要javascript的,

JS:

function setNews(act,news_id){

var ajax = new AJAXRequest();

ajax.setcharset(“UTF-8”);

ajax.get(“setnews.asp?act=”+act+”nid=”+news_id, function(obj) {

alert(obj.responseText);//操作返回信息

});

}

HTML:

a href=”javascript:;” onclick=”setNews(‘top’,1);”頂一下/a

a href=”javascript:;” onclick=”setNews(‘down’,1);”踩一下/a

ASP:

setnews.asp

dim act

act = trim(request(“act”))

nid = clng(request(“nid”))

‘ 頂一下

if act = “top” then

if nid0 then

conn.execute(“update news set top=top+1 where news_id=” nid)

response.write “completed”

response.end

end if

response.write “failure”

response.end

end if

‘ 踩一下

if act = “down” then

if nid0 then

conn.execute(“update news set down=down+1 where news_id=” nid)

response.write “completed”

response.end

end if

response.write “failure”

response.end

end if

AJAXRequest下載:

用JS、ajax 怎麼實現“頂一下”與“踩一下”功能

我有個思路吧跟你說下

代碼不想寫了

就是當用戶點了一下“頂一下”與“踩一下”這個觸發一個點擊事件

然後調轉到你寫到的js方法中執行ajax方法操作數據庫然後返回一個你想要的也就是“頂一下”與“踩一下”的人數這個肯定可以從數據庫中得到的然後在返回到前台界面顯示出來

——解決方案——————————————————–

這個例子不好寫啊! 涉及的東西多。

首先是你的數據庫一定不要設計好。

其次就是異步傳輸的問題了。 js向後台傳遞數據。

然後就是更新數據庫數據的。

最後js自己+1更新數據。

有困難的就是異步傳輸吧。

這裡有個例子你下載下來看看吧。 再具體就很難說了。

求JS大神,我想做一個頂和踩的功能,但是搞不懂頂或踩的總數是怎樣放到頁面上的

 

這樣寫就可以了

a href=”javascript:void(0)” class=”collection”span/span頂strong(1578)/strong/a

a href=”javascript:void(0)” class=”love”span/span踩strong(2659)/strong/a

//js代碼

$(function () {

$(‘.collection’).click(function () {

var num = $(‘.collection strong’).text();

num = num.substring(1,(num.length-1));

num = parseInt(num);

num ++;

$(‘.collection strong’).text(‘(‘ + num + ‘)’);

});

});

踩是一樣的就不幫你寫了,但是頁面一刷新就又回到1578了,真正累加要和服務器交互

原創文章,作者:YCYS,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/140667.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
YCYS的頭像YCYS
上一篇 2024-10-04 00:24
下一篇 2024-10-04 00:24

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Python周杰倫代碼用法介紹

    本文將從多個方面對Python周杰倫代碼進行詳細的闡述。 一、代碼介紹 from urllib.request import urlopen from bs4 import Bea…

    編程 2025-04-29
  • Python字符串寬度不限制怎麼打代碼

    本文將為大家詳細介紹Python字符串寬度不限制時如何打代碼的幾個方面。 一、保持代碼風格的統一 在Python字符串寬度不限制的情況下,我們可以寫出很長很長的一行代碼。但是,為了…

    編程 2025-04-29
  • Python基礎代碼用法介紹

    本文將從多個方面對Python基礎代碼進行解析和詳細闡述,力求讓讀者深刻理解Python基礎代碼。通過本文的學習,相信大家對Python的學習和應用會更加輕鬆和高效。 一、變量和數…

    編程 2025-04-29
  • Python簡單數學計算

    本文將從多個方面介紹Python的簡單數學計算,包括基礎運算符、函數、庫以及實際應用場景。 一、基礎運算符 Python提供了基礎的算術運算符,包括加(+)、減(-)、乘(*)、除…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • 倉庫管理系統代碼設計Python

    這篇文章將詳細探討如何設計一個基於Python的倉庫管理系統。 一、基本需求 在着手設計之前,我們首先需要確定倉庫管理系統的基本需求。 我們可以將需求分為以下幾個方面: 1、庫存管…

    編程 2025-04-29
  • 寫代碼新手教程

    本文將從語言選擇、學習方法、編碼規範以及常見問題解答等多個方面,為編程新手提供實用、簡明的教程。 一、語言選擇 作為編程新手,選擇一門編程語言是很關鍵的一步。以下是幾個有代表性的編…

    編程 2025-04-29
  • Python實現簡易心形代碼

    在這個文章中,我們將會介紹如何用Python語言編寫一個非常簡單的代碼來生成一個心形圖案。我們將會從安裝Python開始介紹,逐步深入了解如何實現這一任務。 一、安裝Python …

    編程 2025-04-29
  • 怎麼寫不影響Python運行的長段代碼

    在Python編程的過程中,我們不可避免地需要編寫一些長段代碼,包括函數、類、複雜的控制語句等等。在編寫這些代碼時,我們需要考慮代碼可讀性、易用性以及對Python運行性能的影響。…

    編程 2025-04-29

發表回復

登錄後才能評論