1. 程式人生 > >最簡單的Ajax點贊實現方法

最簡單的Ajax點贊實現方法

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="article_view.aspx.cs" Inherits="Article_article_view" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>
        <%=ArticleModel.ArticleTitle %></title>
    <link href="/css/style.css" rel="stylesheet" type="text/css" />
    <script src="/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="/scripts/common.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div>
            <%=ArticleModel.ArticleTitle %></div>
        <br />
        <div>
            時間:<%=ArticleModel.ArticleTime %>
            類別:<%=ArticleModel.ArticleClassId %>
            作者:<%=ArticleModel.ArticleUserId %>
            點選:<%=ArticleModel.ClickNum %></div>
        <hr />
        <div>
            <%=ArticleModel.ArticleContent %></div>
        <div>
            <br />
            <br />
            <img src="/img/xihuan.gif" id="like" />
            <a id="qwlike">
                <%=ArticleModel.ZanNum%></a></div>
        <script type="text/javascript">
                //贊
                $(function () {
                    $("#like").click(function () {
                        $.ajax({
                            type:'post',
                            url:'/Resources/add_like.ashx',
                            data:{"ArticleId":<%=ArticleModel.ArticleId%>},
                            dataType:'text',
                            beforeSend:function(){
                                },
                            success:function(data){
                            if (data==="ok") {
                            var a = parseInt($("#qwlike").html());
                                a++;
                                $("#qwlike").html(a);
                                showmes("點贊成功!");
                                }
                             else {
                                    showmes(data);
                                    return;}
                                },
                            complete:function(){
                                 }
                        })
                    })
                })
        </script>
    </div>
    </form>
</body>
</html>
<%@ WebHandler Language="C#" Class="add_like" %>

using System;
using System.Web;
using xjz.Common;
using System.Collections.Generic;
public class add_like : IHttpHandler {

    xjz.BLL.article ArticleBLL = new xjz.BLL.article();
    xjz.BLL.log LogBLL = new xjz.BLL.log();
    xjz.Model.article ArticleModel = new xjz.Model.article();
    private int Articleid = 0;
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";
        if (!MFunction.IsSaveStr(context.Request.Form["ArticleId"]))
        {
            context.Response.Write("非法請求!");
            return;
        }
        if (int.TryParse(context.Request.Form["ArticleId"],out Articleid))
        {
            List<xjz.Model.log> loglist = LogBLL.GetModelList("ArticleId=" + Articleid + " and UserId=5");
            if (loglist.Count>0)
            {
                context.Response.Write("請不要重複點贊!");
                return;
            }
            ArticleModel = ArticleBLL.GetModel(Articleid);
            ArticleModel.ZanNum = ++ArticleModel.ZanNum;
            ArticleBLL.Update(ArticleModel);
            
            //填加log
            xjz.Model.log LogModel = new xjz.Model.log();
            LogModel.ArticleId = Articleid;
            LogModel.UserId = 5;
            LogBLL.Add(LogModel);
            context.Response.Write("ok");
        }
        
        
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }

}


相關推薦

簡單Ajax實現方法

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="article_view.aspx.cs" Inherits="Article_article_view" %> <!DOCTYPE htm

SpringBoot簡單的錯誤頁面實現方法

proc 定義 myeclipse term nag 機制 ima cli text 工具: MyEclipse2016 SpringBoot版本: 2.0.4 實現方法,如圖: 只要按照以上目錄層次,創建對應的異常提示頁面,便不需

安卓開發學習筆記(五):史上簡單且華麗地實現Android Stutio當中Webview控制元件https/http協議的方法

一.我們先在XML當中自定義一個webview(Second_layout.xml) 程式碼如下: 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.an

簡單24演算法,可任意實現n數n,一看就明!

介紹 網上的24點演算法基本上都專注於4張牌湊24點,有的演算法甚至枚舉了所有括號的組合,讓人看得頭暈眼花。這些演算法若是推廣到n個數湊n點,基本都歇菜了。 本演算法採用暴力列舉法,能處理任意個數湊任意值。以24點為例,本演算法會枚舉出4個數+3個運算子能組成的所

小化托盤的實現方法

fyi typedef hand delet odi 功能 content call not 在書上看到的,認為實用,記下了。 首先,最小化托盤的基本原理是,將應用程序的主窗口隱藏,然後在托盤中繪制應用程序的圖標。然後再為托盤圖標加入一些事件處理。 核心函數是Shell

【健康】下蹲5分鐘,等於步行1小時!簡單實用的鍛煉方法

relative 地面 提醒 mps 靈活性 ica 剛才 order 次數 【健康】下蹲5分鐘,等於步行1小時!最簡單實用的鍛煉方法2017-07-19人民日報“人老腳先衰,樹枯根先竭”。如果你不想過早衰老,便要保證腳部不衰老,所謂“養生先養腳”、“腿勤人長壽”,重視腿部

簡單……

return () function inner 點贊 html onclick 簡單 cli <body> 贊:<button id="btn_zan">0</button> 踩:<button id="btn_cai">

第111天:Ajax之jQuery實現方法

自己 tro 三個參數 == get請求 search 創建 第一個 崩潰 由於jQuery中的Ajax方法是用了內置的deferred模塊,是Promise模式的一種實現,而我們這裏沒有講過,所以我們就不使用這一模式啦。 我們只定義一個Ajax方法,他可以簡單的get,p

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

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

winform等待視窗之簡單使用執行緒實現

如圖:需要執行某個等待方法彈出等待視窗,方法執行完畢自動關閉等待視窗 System.Threading.Thread th; th = new Thread(new ThreadStart(delegate ()

Tomcat原始碼之旅--簡單的Servlet容器實現

學習Tomcat原始碼是因為我之前寫的《Spring之我見》系列文章,當學習到spring是如何啟動的時候涉及到了tomcat從web.xml讀取到ContextLoaderListener,從而初始化spring容器。換句話說,spring啟動靠的是tomcat的幫助,這讓我想先研究t

Qt簡單的多執行緒方法QtConcurrent::run()

         最近編寫了一個軟體,沒有考慮多執行緒的問題,編好以後,軟體在執行計算的時候,滑鼠響應有時候會延遲,但是完全能用,考慮到後續隨著計算任務的增加,滑鼠響應可能延遲會更大,所以打算使用多執行緒的方法,將執行計算的任務丟到另一個執行緒進行處理,不影響主介面對滑鼠以及

【css】簡單的瀑布流佈局方法

前言:用column-count就能實現簡單的瀑布流佈局 一、程式碼 <body> <style> .parent { width:100%; -moz-co

簡單打增量包的方法(已附上打包的java類)

前言: 打增量包的目的是快捷打包出項目兩次更新版本之間的差異檔案(除了打包出新增檔案,還能打包出原有已經被改變的檔案)。 問題1: 打包出這些增量檔案有什麼作用? 答:快速部署這些增量檔案到tomcat的webapps資料夾對應的專案中。進行增量部署。 問題2: 打包的工具是什麼?

Mybatis原始碼---重寫一個簡單的Mybatis架構實現(三)

   前兩篇文章裡,我們實現了一個簡單的Mybatis。只要願意,如果完善了後續的資料庫操作,我們完全可以用它來替換本來的Mybatis。在本篇文章裡,我們要做的是完成我們自定義Mybatis與Spring或SpringBoot整合時的自動配置。首先,我們在來熟悉一下在XML

簡單的手機簡訊恢復方法

隨著智慧手機出現,聯絡朋友、客戶、家人,都已經很少用到簡訊了,不過在之前手機裡還存有不少簡訊,那麼這些重要的簡訊息要是丟失了,我們要怎麼才能找回呢?下面小編就給大家介紹手機簡訊丟失的找回方法,大家可以提前瞭解下哦!開始恢復:步驟一:我們可以在手機應用商城或是手機瀏覽器查詢“極速資料恢復”這款恢復工具,下載並安

Android滑動選單特效實現,仿人人客戶端側滑效果,史上簡單的側滑實現

                人人客戶端有一個特效還是挺吸引人的,在主介面手指向右滑動,就可以將選單展示出來,而主介面會被隱藏大部分,但是仍有左側的一小部分同選單一起展示。據說人人客戶端的這個特效是從facebook客戶端模仿來的,至於facebook是不是又從其它地方模仿來的就不得而知了。好,今天我們就一

Word刪除空白頁,簡單有效的【解決方法

                        Word刪除空白頁,最簡單有效的【解決方法】    經常用Word的朋友也許會遇到這種情況,比如在

朋友圈的實現

緊接著上一篇文章,這裡講如何實現朋友圈點讚的功能,並且記錄了是誰點的贊,區分出我是否點過贊。 其實本來點贊功能最先是被我用在文章上面的,文章有評論點贊收藏功能,琢磨了一段時間。後來的朋友圈點贊實現也就直接使用之前寫過的程式碼了。 點贊其實很好做,記錄點贊數+

一行搞定electron和jquery衝突,electron和jquery簡單和完美的相容方法

electron和jquery的常見報錯: Uncaught ReferenceError: $ is not defined 解決方法:在jquery最末端加上這樣一行判斷即可. <script src="https://code.jqu