thinkphp中ajax与php响应过程详解
2014-12-08 00:00
841 查看
本文实例分析了thinkphp中ajax与php响应过程。分享给大家供大家参考。具体分析如下:
一般将前台页面搜索结果中,不喜欢的内容(链接),删除掉,因为整个网站的编程框架式thinkphp,运用js中的ajax对页面进行响应,调用后台php接口,实现前台和后台数据库的同时更新.
首先我们需要做的就是在前台页面中添加一个文本“删除”,可以这么添加:
上面的html代码的意思:就是给删除添加一个href,这个href是个js函数,类似于超链接的作用,当然对于我这样的新手在刚开始的时候会有疑惑,我们平时的超链接不是这样的,网页中很多的javascript:void(0),那程序怎么知道用户点击删除后,会响应其真正对应的js函数呢?别急,这就是为什么会为删除添加id以及class这样的标签,相信我把js中的代码公布出来以后你就会明白了,代码如下:
大家看函数的头部:jQuery(".list a.delete").click(),jQuery后面的标签是很重要的,这就保证了jquery很准确的响应页面中用户点击的“位置”,添加的事件为click(),在click里添加响应事件的代码:var id = jQuery(_this).attr("id");获取a对应的id,因为这个id是我们删除数据库时用到的链接id,当然这种直接明文的方式不好,在这里只是介绍整个响应过程。调用ajax,实现异步的运行整个过程。我们设置了js接受的是json串,这里的方式应该有很多种吧,我没有去尝试,大家要是有兴趣可以自行尝试一下。/Search/index.php/Jason/delete?这句话就是js去请求php的接口,php接口对用的代码如下:
注意ajax在求php接口时的路径,也就是delete函数必须放在JasonAction.class.php中,此例子是必须这样的:
相信大家对上面的代码不会陌生吧,整个过程都是thinkphp框架内部配置完毕的.
var del = data.del;这句是接受php代码返回来的json串中del这个key的value,进而在前台进行页面更新和响应.
整个响应的过程就是这样,至于效果优化,是优化和细化方面的问题,后来,身边的同事又告诉我前台移除响应链接的另一个动态效果:
即将:
大家不妨试试效果,很不错的,好了,响应过程记载完毕,只是自己的个人见解和认知.
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
一般将前台页面搜索结果中,不喜欢的内容(链接),删除掉,因为整个网站的编程框架式thinkphp,运用js中的ajax对页面进行响应,调用后台php接口,实现前台和后台数据库的同时更新.
首先我们需要做的就是在前台页面中添加一个文本“删除”,可以这么添加:
<a href="javascript:void(0);" id= "<php>echo $val[id]</php>" class="delete" >删除</a>
上面的html代码的意思:就是给删除添加一个href,这个href是个js函数,类似于超链接的作用,当然对于我这样的新手在刚开始的时候会有疑惑,我们平时的超链接不是这样的,网页中很多的javascript:void(0),那程序怎么知道用户点击删除后,会响应其真正对应的js函数呢?别急,这就是为什么会为删除添加id以及class这样的标签,相信我把js中的代码公布出来以后你就会明白了,代码如下:
jQuery(".list a.delete").click(function(){ if(confirm("你确定要删除吗?")){ var _this=this; var id = jQuery(_this).attr("id"); jQuery.ajax({ url : '/Search/index.php/Jason/delete?', data : {'id':id}, dataType : 'json', success : function(data){ var del = data.del; if(del == 1){//删除成功 jQuery("#"+id).parents(".list").remove(); }else{//删除失败 alert("删除失败"); } } }); } });
大家看函数的头部:jQuery(".list a.delete").click(),jQuery后面的标签是很重要的,这就保证了jquery很准确的响应页面中用户点击的“位置”,添加的事件为click(),在click里添加响应事件的代码:var id = jQuery(_this).attr("id");获取a对应的id,因为这个id是我们删除数据库时用到的链接id,当然这种直接明文的方式不好,在这里只是介绍整个响应过程。调用ajax,实现异步的运行整个过程。我们设置了js接受的是json串,这里的方式应该有很多种吧,我没有去尝试,大家要是有兴趣可以自行尝试一下。/Search/index.php/Jason/delete?这句话就是js去请求php的接口,php接口对用的代码如下:
注意ajax在求php接口时的路径,也就是delete函数必须放在JasonAction.class.php中,此例子是必须这样的:
public function delete(){ if($this->isGet()){ $userId = session("uid");//用户登录 if(!empty($userId)){ $a = M('***'); $id = $this->_get('id'); $result=$a->where("id=$id")->delete();//删除 if($result > 0){ $arr = array("del"=>'1'); }else{ $arr = array("del"=>'0'); } $json_str = json_encode($arr); echo $json_str;//返回给js } } }
相信大家对上面的代码不会陌生吧,整个过程都是thinkphp框架内部配置完毕的.
var del = data.del;这句是接受php代码返回来的json串中del这个key的value,进而在前台进行页面更新和响应.
if(del == 1){//删除成功 jQuery("#"+id).parents(".list").remove();//这句话就是后台删除成功后,直接在前台对响应的div进行删除,这样性能就会很快,无需进行后台数据的重新提取至前台页面中, }else{//删除失败 alert("删除失败"); }
整个响应的过程就是这样,至于效果优化,是优化和细化方面的问题,后来,身边的同事又告诉我前台移除响应链接的另一个动态效果:
即将:
jQuery("#"+id).parents(".list").remove();替换为:
jQuery("#"+id).parents(".list").slideUp("slow", function(){ jQuery(this).remove(); });
大家不妨试试效果,很不错的,好了,响应过程记载完毕,只是自己的个人见解和认知.
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
相关文章推荐
- thinkphp中ajax与php响应过程详解
- ajax传参给php,php连接服务器数据库并返回数据过程详解
- AJAX开发技术在PHP开发过程中的简单应用技巧
- 用PHP和MYSQL建立计数器过程详解
- php之mvc框架演进过程详解
- 基于PHP+Ajax实现表单验证的详解
- jQuery+php实现ajax文件即时上传的详解
- 用PHP和MYSQL建立计数器过程详解
- php下操作mysql详解之初级!(面向对象,面向过程)
- 关于PHP-Zend framework2 框架 学习过程。 阅前须知: ZF2中的配置文件是可以静态文件配置来注册和通过相关函数动态注册。 1.EventManager(事件驱动),关于事件驱动,在ZF2相关资料没有详细说明,可以参考ANDROID的事件驱动,MFC的消息响应/事件驱动。
- 基于apache + mysql + php编译安装过程详解
- php判断是否为ajax请求摘自thinkphp
- PHP开发环境配置过程详解
- php ajax 静态分页过程形式
- MFC学习笔记之:程序关闭过程的函数响应顺序详解
- Window 7/XP 安装Apache 2.4与PHP 5.4 的过程详解
- 用PHP和MYSQL建立计数器过程详解
- 详解 CentOS 安装配置 Nginx 0.8.33+PHP 5.3.1+php-fpm+MySQL 全过程【转】
- session_write_close() PHP在访问Session数据时存在互斥情况,导致Ajax请求响应缓慢
- 基于Php mysql存储过程的详解