知识:
一、首先页面需要加载jquery框架
二、ajax常用参数解释:
①、type:传输数据方式,get或者post
②、url:处理数据的PHP脚本
③、data:传输的数据索引及值,值用js获取,一般此属性为json串或字符串
④、async:参数为布尔类型,默认为true,即异步传输,浏览器不锁定
⑤、complete:参数为方法,跳转的脚本执行完成后的回调函数
⑥、success:参数为方法,跳转的脚本执行成功后的回调函数
⑦、error:参数为方法,跳转的脚本执行失败后的回调函数
三、脚本处理完成后将页面需要的数据return,之后在前端页面根据需求实现局部刷新,而不是进行跳转刷新,这是ajax最强大的地方
html代码部分:
GetOneData($sql);?>
点赞数:
js代码:
$("#btn").click(function(){ $.ajax({ url:"index.php", type:"POST", data:{id: }, async:false, success:function(data){ if(data === false){ alert('点赞失败!');location.href='dianzan.php?id= '; }else{ alert('点赞成功!');$("#s").html(data); } } })})
PHP代码部分:
execSql($sql);if($res){ $dz = $db->getOneData("select * from news where id = '$id'"); $dz = $dz['dianzan']; echo $dz; }else{ return false; }?>