温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么在thinkphp项目中响应ajax与php

发布时间:2021-03-04 15:13:40 来源:亿速云 阅读:155 作者:Leah 栏目:开发技术

今天就跟大家聊聊有关怎么在thinkphp项目中响应ajax与php,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

thinkphp是什么

thinkphp属于一种免费的开发框架,能够用于开发前端网页,最早thinkphp是为了简化开发而产生的,thinkphp同时也是遵循Apache2协议,最初是从Struts演变过来,也把国外一些好的框架模式进行利用,使用面向对象的开发结构,兼容了很多标签库等模式,它能够更方便和快捷的开发和部署应用,当然不仅仅是企业级应用,任何php应用开发都可以从thinkphp的简单、兼容和快速的特性中受益。

首先我们需要做的就是在前台页面中添加一个文本“删除”,可以这么添加:

 代码如下:

<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项目中响应ajax与php有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI