1. 程式人生 > >jquery ajax之點贊功能的實現

jquery ajax之點贊功能的實現

之前,一直想用一下ajax的技術到專案中,看他到底好處在哪裡,為什麼會被這麼多人所推崇。

還記得之前也是看過jquery,但是現在回過來想想,其實能夠記起來的東西很少,只有將知識應用起來,可能才會記憶深刻吧!今年開始我逐漸開始積累起自己的一些程式碼和

新知識,這樣的話到以後要用的時候可以作為參考之用。

這次利用ajax為專案實現了一個點讚的功能,點選圖片在不重新載入頁面的情況下增加贊數,同時將host ip和贊數儲存到資料庫中,來看程式碼:

function addDianzan(s){
var value=parseInt(document.getElementById(s).innerHTML);
value=value+1;
document.getElementById(s).innerHTML=value;
$.ajax({ //一個Ajax過程
type: "post", //以post方式與後臺溝通
url : "default/actDianzanAction", //與此php頁面溝通
dataType:'json',//從php返回的值以 JSON方式 解釋
data: {"dianzan":value,"activityId":s}, //發給php的資料有兩項,分別是上面傳來的u和p
success: function(json){//如果呼叫php成功
//alert(json.username+'\n'+json.password); //把php中的返回值(json.username)給 alert出來
//alert("haha"); //把php中的返回值顯示在預定義的result定位符位置
}
});
}
function zanzhu(s,y){
//alert("ssssssss");
var id=s;
var name=y;
var tel=document.getElementById(id+'tel').value;
var name=document.getElementById(id+'name').value;
//zanzhuForm.action='default/zanzhuAction?activityId='+s+'&activityName='+y;
document.getElementById(id+'zanzhu').value="已贊助";
document.getElementById(id+'zanzhu').disabled=true;
$.ajax({ //一個Ajax過程
type: "post", //以post方式與後臺溝通
url : "default/zanzhuAction", //與此php頁面溝通
dataType:'json',//從php返回的值以 JSON方式 解釋
data: {"activityName":y,"activityId":id,"name":name,"tel":tel}, //發給php的資料有兩項,分別是上面傳來的u和p
success: function(json){//如果呼叫php成功
//alert(json.username+'\n'+json.password); //把php中的返回值(json.username)給 alert出來
//alert("haha"); //把php中的返回值顯示在預定義的result定位符位置
}
});

相關推薦

jquery ajax功能實現

之前,一直想用一下ajax的技術到專案中,看他到底好處在哪裡,為什麼會被這麼多人所推崇。 還記得之前也是看過jquery,但是現在回過來想想,其實能夠記起來的東西很少,只有將知識應用起來,可能才會記憶深刻吧!今年開始我逐漸開始積累起自己的一些程式碼和 新知識,這樣的話到以後

WordPress新增AJAX文章功能

來自Fatesinger,文章贊功能隨處可見,例如無覓的相關文章工具、百度分享等等。如果想要給主題專門整合點贊功能,還是得需要下面的程式碼實現。用自定義欄位儲存贊數量,通過Cookies來禁止重複贊。 加入至Functions.php檔案中: a

Ajax+jQuery+bootstrap+Java實現非同步功能,並限制選次數

(下面截圖是自己專案的截圖) 當已經點贊後,滑鼠再經過時,就會顯示 "禁止的圖示"  (相應的class 會變化) cursor:not-allowed 在很多的網站上有很多不同的點贊,我不知道他們是怎麼實現的,下面我來分享一下我寫的點贊實現,共大家參考下, 這是我在一個專案抽取的程式碼

flask + ajax + mysql +jquery實現功能

1.需求:實現點贊點滅,同一使用者對一篇文章不可重複點贊和點滅,要求把數量顯示出來 2.方法:建兩張表(一張也可以),分別儲存點讚的文章id+使用者,點滅的文章id+使用者名稱 3.使用非同步的方法

php + ajax實現 帖子功能

data inpu 局部刷新 瀏覽器 query 實現 script 函數 syn 知識: 一、首先頁面需要加載jquery框架 二、ajax常用參數解釋: ①、type:傳輸數據方式,get或者post ②、url:處理數據的PHP腳本 ③、data:傳輸的數據索引及值,

基於ssm下用jQuery簡單實現功能

    自己寫專案的時候了用到了這個點贊與取消讚的功能,然後突然心血來潮,想在這裡寫篇部落格,也算是小小的總結一下,廢話不多說了,給大家上圖上碼才是重點。    下圖是知乎裡面的我的文章的截圖,現在就是要實現他的點贊功能。下圖是我自己寫的頁面jsp頁面點贊那一塊的程式碼:&l

翻翻git---實現QQ空間部分實現的自己定義控件 EasyLikeArea

append 設置圖 獲取 p2p mipmap 部分 spa tty tag 轉載請註明出處:王亟亟的大牛之路 昨天在家裏弄魚的事沒上班,也就沒寫東西。決定今天早上補一篇,正好看到了 Easy like area in the circle

mongodb 用戶功能理論實現[轉載]

mongod div select AC 數組 pan exist class TP 在 posts(文章) 集合中儲存對該文章點贊的用戶的 _id 的數組,例如: // posts { _id: ObjectID(‘4e7020cb7cac81af7136236

微信小程式實現、取消功能

最近接觸到小程式,發現很有意思,在專案中遇到了一點小問題,就是點贊+取消點贊有些衝突,還有就是多項的點選,話不多說咱們直接上程式碼! 效果圖 wxml ? 1

WordPress非外掛實現文章功能

功能豐富的WordPress點贊外掛不少,但對於要在主題中整合簡單文章點贊功能的需求,外掛就顯得不合適,於是乎非外掛實現文章點贊功能的方法就誕生,實現思路是:可以通過ajax實時顯示點贊數量,自定義欄位儲存贊數量,Cookies禁止重新點贊。 具體操作步驟。 1、在當前主

Android中Listview實現功能

最近這段時間一直在看Android,利用Listview去實現點贊功能 基本思路: 進入介面–》獲取資料–》 在Listview中顯示–》 通過map集合(position,boolean)儲存每一行是否被點選–》 利用實體類去儲存相應的物件–》 g

一個“功能實現程式碼

“點贊”是最近很流行的一個詞,自己也琢磨了一下程式碼,暫時只實現了功能性程式碼,要新增漂亮效果,可以繼續用Jquery來實現。看效果請點選:http://www.i5wl.com/example/praise/。 主要有兩個檔案:一是:index.htm,呈現前端頁面,主要是利用Jquery的$.get()

區域性重新整理ListView,實現功能

今天看到一個需要實現一個點讚的功能。自己想沒想明白,後來看了http://blog.csdn.net/nupt123456789/article/details/39432781 這篇部落格,才有了思路。特意感謝 這是我要用的ListView的item。要給ListView

AccessibilityService——實現自動遍歷功能

/** * Created by jiangzn on 17/2/6. */ public class MyAccessibilityService extends AccessibilityService { @Override protected void onServiceConn

功能ajax+jsp+servlet)

function priase(articleid,commentid,praiseN,pra){ var type = "json"; var praiseNum = parseInt(document.getElementById(prais

Redis應用2-Redis實現開發者頭條頁面功能

開發者頭條是一個資源豐富的程式猿學習網站。當網站釋出新的內容的時候,內容優秀的總是會被點贊。今天就利用Redis實現這個小小的功能。 為什麼使用Redis而不是MySQL實現? Redis 和 MySQL應用場景不同。 從效率來說: Redis

Spring Boot + Redis + MQ實現高併發功能:專案實戰

開心一笑 【最後一次警告看我CSDN部落格的人,你們都他媽給老子小心點,首先我不管你是什麼身份,什麼背景,混的有多牛逼,是不是老闆,是不是社會人,這些我都不知道,我也都不在意,你們給我記住,都給我認真點看清楚:最近天氣實在很涼,大家多穿衣服,彆著涼了,知道不!

iOS UICollectionView 按鈕選變色(收藏功能實現

1.前言 專案需求要實現點選收藏功能,但是頁面資料進行了分頁功能,當載入了第二頁資料後,收藏按鈕的顯示就紊亂,具體原因是點選收藏後,請求收藏介面成功後要對資料進行重新整理,這個時候因為分頁的原因,載入過來的資料只是第二頁的(或者第一頁,反正只有一頁),這

flask前臺資料通過ajax傳遞到後臺與視訊播放量

實現功能: 1.點選播放視訊,後臺視訊點選量增加 2.點贊按鈕,點選為紅色,後臺視訊贊數增加;再次點贊,按鈕變為灰色,後臺視訊贊數不增加 前臺點贊按鈕: <a href="#" id="zan-{{ v.id }}" name="iconfont zan">

JQuery外掛-----Datatables(三)Datatables實現多選框與AJAX返回資料

通過Eclipse建立一個簡單的Spring MVC專案,使用其內建的JSON轉換 在index.jsp檔案中新增如下內容: <%@ page language="java" contentType="text/html; charset=UTF-8"