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