1. 程式人生 > 程式設計 >ASP+ajax實現頂一下、踩一下同支援與反對的實現程式碼

ASP+ajax實現頂一下、踩一下同支援與反對的實現程式碼

1、點選相應頂一下、踩幾下的程式碼類似

response.write ("<a href='javascript:void(0)' onclick='digg("&rs("id")&",1)'>頂</a>(<span class='ding"&rs("id")&"'>"&rs("ding")&"</span>)")
response.write ("<a href='javascript:void(0)' onclick='digg("&rs("id")&",2)'>踩</a>(<span class='cai"&rs("id")&"'>"&rs("cai")&"</span>)=><a href='article.asp?id="&rs("id")&"'>內容頁頂踩</a><br/>")

2、點選後呼叫相應的JS函式ajax傳入相應的引數,範例程式碼如

function digg(getid,dingcai){
  //以.post方式與dingcai.asp檔案互動。注意路徑
  $.post('inc/dingcai.asp',{ "id": getid,"dingcai": dingcai },function(data){
      data=data.indexOf('yang_yes')
        if(data>=0){
        if(dingcai==1){
          //重新獲取當前"頂"並加1 
          var ding = parseInt($(".ding"+getid).html())+1;
          //重新更新"頂"的資料入庫
          $(".ding"+getid).html(ding);
        }else{
          //踩
          var cai = parseInt($(".cai"+getid).html())+1;
          $(".cai"+getid).html(cai);
        }
        alert("感謝你的支援!如果不需要js提示請刪除本行程式碼");
      }else{
        alert("你已經投過票了!如果不需要js提示請刪除本行程式碼");
      }
    },"text");
}

3、傳入指定的ASP檔案裡面實現範例程式碼如

mycookies=0
id = clng(request.form("id"))
dingcai = request.form("dingcai")
  if id<>"" then
    if request.cookies("mycookies"&id)<>id then
      '寫入cookies,有效期24小時
      Response.cookies("mycookies"&id)=id
      Response.Cookies("mycookies"&id).expires=dateadd("H",24,now())
    else
      mycookies=1
    end if
  else      
    mycookies=1
  end if
  
'接受對應的id
'如果頂踩過來的id不為空,並且獲取是頂的操作或踩的操作
if request.form("id")<>"" and request.form("dingcai")<>"" then 
  
    '如果是頂的操作
    if dingcai=1 then
      sql = "update dingcai set ding=ding+1 where id="&id
    else
      sql = "update dingcai set cai=cai+1 where id="&id
    end if
        
  if mycookies=0 then
        conn.execute(sql)
        response.write "yang_yes"
  else
        response.write "yang_no"
  end if
end if

這就完成了,列表頁面與詳情頁面都可以類似實現。

大家也可以下載這個原始碼學習一下

基於jquery的ajax實現的網頁上面的頂一下,踩一下功能程式碼,程式碼已經打包,大家可以看下程式碼即可。

到此這篇關於ASP+ajax實現頂一下、踩一下同支援與反對的實現程式碼的文章就介紹到這了,更多相關ASP 頂、踩、支援與反對內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!