1. 程式人生 > >點贊功能(ajax+jsp+servlet)

點贊功能(ajax+jsp+servlet)

function priase(articleid,commentid,praiseN,pra){ var type = "json"; var praiseNum = parseInt(document.getElementById(praiseN).innerHTML); $.ajax({ url:"${pageContext.request.contextPath}/RecivePraiseServlet?sendType=post&dataType="
+type, data:{"anthorid":'${sessionScope.user.userId}',"articleid":articleid,"commentid":commentid}, type: "post", dataType:type, success:function(data){ if("json" == type){ if
(data != undefined && data != null){ var flag = data.praiseflag; // 1已點過贊 if(flag == 0){ document.getElementById(praiseN).innerHTML = praiseNum + 1; $('#'+pra).
css("color","red"); }else if(flag == 1){ alert("你已經點過讚了!"); $('#'+pra).css("color","red"); } } } } }); } body: <a href="javascript:void(0)" onclick="priase(${Article.aid },0,'praiseOne','praiseTwo')"><span id="praiseTwo"></span></a> <span id="praiseOne" >${Article.articlePraiseNum }</span> servlet: public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { StringBuffer sb = new StringBuffer(""); PraiseService praises = new PraiseServiceImpl(); ArticleService ars = new ArticleServiceImpl(); CommentService cms = new CommentServiceImpl(); request.setCharacterEncoding("utf-8"); String userId = request.getParameter("anthorid"); String articleId = request.getParameter("articleid"); String commentId = request.getParameter("commentid"); String dataType = request.getParameter("dataType"); String sendType = request.getParameter("sendType"); if ("json".equals(dataType)){ if(articleId != null && !articleId.equals("0")){ //查詢是否有對文章點贊記錄 Praise pr = praises.findArticlePraise(Integer.parseInt(articleId), userId); if(pr != null){ sb.append("{"); sb.append("\"praiseflag\":1"); sb.append("}"); }else{ ars.addPraiseNum(Integer.parseInt(articleId)); praises.addArticlePriase(Integer.parseInt(articleId), userId); sb.append("{"); sb.append("\"praiseflag\":0"); sb.append("}"); } } if(commentId != null && !commentId.equals("0")){ //查詢是否有對評論點贊記錄 Praise pr = praises.findCommentPraise(Integer.parseInt(commentId), userId); if(pr != null){ sb.append("{"); sb.append("\"praiseflag\":1"); sb.append("}"); }else{ cms.addCommentNum(Integer.parseInt(commentId)); praises.addCommentPraise(Integer.parseInt(commentId), userId); sb.append("{"); sb.append("\"praiseflag\":0"); sb.append("}"); } } response.setContentType("text/html;charset=utf-8"); } PrintWriter out = response.getWriter(); out.println(sb.toString()); out.flush(); out.close(); }

相關推薦

功能ajax+jsp+servlet)

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

javaWeb(十三)Demo:Filter實現自動登陸功能Myeclipse+JSP+Servlet+EL/JSTL+Filter)

Filter實現自動登陸功能 原始碼:source code 思路圖: 就是在伺服器和顯示介面之間新增一個過濾器(這裡過濾範圍其實是全域性),獲取cookie裡面的使用者名稱和密碼,然後直接在Filter裡面登陸(就不要去登陸頁面了) 登陸頁面主要是看你的sess

php + ajax實現 帖子功能

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

搭建自己的部落格二十五):優化功能,並新增模態登入框

1、變化的部分: 2、上程式碼: {# 引用模板 #} {% extends 'base.html' %} {% load staticfiles %} {% load comment_tags %} {% load likes_tags %} {% block h

WordPress新增AJAX文章功能

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

jquery ajax功能的實現

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

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

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

基於redis的功能設計張高偉)

前言 點贊其實是一個很有意思的功能。基本的設計思路有大致兩種, 一種自然是用mysql等 資料庫直接落地儲存, 另外一種就是利用點讚的業務特徵來扔到redis(或memcache)中, 然後離線刷回mysql等。 直接寫入Mysql 直接寫入Mysql是最簡單的做法。 做兩

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

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

flask + ajax + mysql +jquery實現功能

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

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

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

添加功能

emoji views port pop color 修改 因此 light data 添加點贊事件 打開 src/store/actions.js 文件,在代碼的最後面,導出點贊事件 like: src/store/actions.js 1 . 2 . 3 .

Python學習---抽屜框架分析[功能/文件上傳分析]0317

b- NPU script ron tro ref 前臺 for inpu 點贊功能分析 前臺傳遞過來新聞id[new_id]和session[session內有用戶ID和用戶之間的信息]到後臺 後臺News數據庫內用戶和新聞是多對多的關系,查看第三張表中的內容,判讀用戶I

功能豐富的WordPress插件不少,但對於要在主題中集成簡單文章功能的需求,插件就顯得不合

localhost cal _id domain pda eric func 功能 numeric add_action(‘wp_ajax_nopriv_bigfa_like‘, ‘bigfa_like‘); add_action(‘wp_ajax_bigfa_like‘,

原生AJAX+jsp+servlet實現百度搜索框提示效果

我們這裡使用HTML5的新特性datalist實現輸入框的自動下拉提示,用datalist通過id與input關聯起來,在搜尋時就會出現下拉框。下面是HTML程式碼。   <!-- 輸入框 --> <input type="text" size="50" id="sear

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

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

微信小程式——評論功能

實現的最終效果圖 1.點贊功能 前端頁面結構 1 <view class='talk-item-zan'> 2 <view bindtap='favorclick' data-id='{{item.id}}' data-islike="{{

從零開始,編寫簡單的課程資訊管理系統使用jsp+servlet+javabean架構)

一、相關的軟體下載和環境配置 1、下載並配置JDK。 2、下載eclipse。 3、下載並配置apache-tomcat(伺服器)。 4、下載MySQL(資料庫)。 5、下載Navicat for MySQL(資料庫視覺化工具),方便對資料庫的操作。 6、下載jdbc用來實現eclipse中的專案

超級簡單小程式功能

本人也是在開發中看了很多同學的點贊功能,但是程式碼量太多,於是我寫也了一個,程式碼如下,有需要的拿走。 第一步 bbs_list:function(){ var page = this; app.request({ url: