jquery ajax之点赞功能的实现

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/huangqing510/article/details/47977531

之前，一直想用一下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定位符位置
	}
	});
	}