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定位符位置
 }
 });
 

  • 8
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值