关于ajax局部刷新,从数据库实时更新数据到页面(一般是下订单成功后发送消息到后台)
2017-09-07 18:51
886 查看
关于ajax局部刷新,从数据库实时更新数据到消息框(通知框),一般是下订单后发送消息到后台,这个后台的消息(或者通知)是实时更新的,就需要用到局部刷新。
思路:
1、要提交到后台审核,就应该有一个状态值,所以数据库中应该有对应的存取状态的字段‘status’,用户提交过来的数据是未审核的,后台会根据这个字段做查询取出数据并展示到消息框中
2.“实时”者就是要刷新,就是要定时,要定时的去查询数据库中未审核状态的数据,如果有就取出来放到消息框中
3,这个消息图标在页面中占很小的一块,所以只是局部刷新就可以了
“刷新”这一关键字,用的最多的技术应该是ajax,但是之前总以为ajax只能用来提交数据或者提交请求,从没想过不发送请求只往回来取数据这一情况,最后也验证了这种情况是行的通,下面是我写的一个demo
JavaScript部分:
PHP部分:
代码肯定有需要改进的地方,希望有人能指出来共同学习。
思路:
1、要提交到后台审核,就应该有一个状态值,所以数据库中应该有对应的存取状态的字段‘status’,用户提交过来的数据是未审核的,后台会根据这个字段做查询取出数据并展示到消息框中
2.“实时”者就是要刷新,就是要定时,要定时的去查询数据库中未审核状态的数据,如果有就取出来放到消息框中
3,这个消息图标在页面中占很小的一块,所以只是局部刷新就可以了
“刷新”这一关键字,用的最多的技术应该是ajax,但是之前总以为ajax只能用来提交数据或者提交请求,从没想过不发送请求只往回来取数据这一情况,最后也验证了这种情况是行的通,下面是我写的一个demo
JavaScript部分:
<script> $(document).ready(function(){//定时 setInterval(function(){ $.ajax({ type:"POST", dataType:"", url:"__CONTROLLER__/ajx", async:false, cache:false, timeout:3, success:function(data){ var obj = eval("("+data+")"); var str=''; for(var i in obj){ //表示遍历数组, $("#res").empty(); //清空前一次刷新数据,不清除索表会出错 str+='<p class="dropdown-header">'+obj[i].name+'</p>';//消息框 } $("#res").append(str); $("#strcunt").html(obj.length); }, }); }, 3); // });
</script>
PHP部分:
public function ajx(){ $model = M('nametest'); $res = $model -> where('status = 1')->select(); echo json_encode($res); }
代码肯定有需要改进的地方,希望有人能指出来共同学习。
相关文章推荐
- javascript发送表单文件,ajax异步,不刷新页面上传PDF文件,并写入数据库,得到异步数据,提示上传成功或失败
- 用Ajax解析JSON串,页面无刷新实时监控后台数据
- Ajax简单的页面局部刷新从数据库获取数据
- \t\t用Ajax解析JSON串,页面无刷新实时监控后台数据
- AJAX自学练习二:无刷新从数据库后台取数据显示
- 基于对象的JavaScript实现无刷新页面发送和获取数据Ajax.js
- Ajax异步无刷新更新局部数据
- 关于AJAX访问数据库不能及时获得更新数据的问题
- 关于解决JQuery发送Ajax请求后,IE缓存数据不更新的问题
- 关于解决JQuery发送Ajax请求后,IE缓存数据不更新的问题
- Ajax异步无刷新对局部数据更新
- ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
- 用ajax提交数据到后台,并且把计算结果从后台把数据转到前台(该过程不刷新页面)
- ajax从数据库中随机读取5条数据动态在页面中刷新
- 1.MVC框架复习 2.Ajax加强 3.搜索建议 4,三级联动 5、刷新分页 6、Ajax局部动态更新数据
- 【转】ajax实时刷新读取后台数据
- C#实时读取数据----局部页面刷新
- jquery+ajax每秒向后台发送请求数据然后返回页面的代码
- ajax 数据库中随机读取5条数据动态在页面中刷新
- ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题