thinkphp中ajax与php响应过程详解
更新时间：2014年12月08日 09:44:50 投稿：shichen2014
这篇文章主要介绍了thinkphp中ajax与php响应过程,以实例形式详细分析了ThinkPHP框架中Ajax响应方式的处理原理及实现过程,非常具有实用价值,需要的朋友可以参考下
本文实例分析了thinkphp中ajax与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("删除失败");
}
}
});
}
});
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
}
}
}
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();//这句话就是后台删除成功后，直接在前台对响应的div进行删除，这样性能就会很快，无需进行后台数据的重新提取至前台页面中，
}else{//删除失败
alert("删除失败");
}
整个响应的过程就是这样,至于效果优化,是优化和细化方面的问题,后来,身边的同事又告诉我前台移除响应链接的另一个动态效果:
即将:
复制代码 代码如下:
jQuery("#"+id).parents(".list").remove();
替换为:复制代码 代码如下:
jQuery("#"+id).parents(".list").slideUp("slow", function(){
jQuery(this).remove();
});
jQuery(this).remove();
});
大家不妨试试效果,很不错的,好了,响应过程记载完毕,只是自己的个人见解和认知.
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
相关文章
这篇文章主要给大家介绍了关于Laravel学习教程之View模块的相关资料，文中通过示例代码将View模块介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2017-09-09
php array_udiff_assoc 计算两个数组的差集实例
这篇文章主要介绍了php array_udiff_assoc 计算两个数组的差集实例的相关资料,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了Thinkphp5框架中引入Markdown编辑器操作,结合实例形式分析了Thinkphp5引入Markdown编辑器的具体步骤与相关操作技巧,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了解析PHP中Exception异常机制,本文通过异常的基本使用和一些常用的异常使用案例来解析说明该项概念,以下就是详细内容,需要的朋友可以参考下2021-07-07
CI框架(CodeIgniter)实现的导入、导出数据操作示例
这篇文章主要介绍了CI框架(CodeIgniter)实现的导入、导出数据操作,结合实例形式分析了CodeIgniter框架libraies中引用PHPExcel实现数据导入导出相关操作技巧,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了php json转换相关知识(小结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
这篇文章主要介绍了Smarty foreach控制循环次数的一些方法,本文同时总结了一部分获取当前次数的方法,需要的朋友可以参考下2015-07-07
本篇文章主要介绍了Yii2 如何在modules中添加验证码的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这篇文章主要介绍了阿里云PHP SMS短信服务验证码发送方法,需要的朋友可以参考下2017-07-07
本文给大家汇总介绍了2种php生成二维码图片的方法，一个是利用谷歌api一个是实用phpqrcode类库，都非常方便，有需要的小伙伴可以参考下2016-12-12
最新评论