thinkphp5.0调用ajax无刷新加载数据

Posted 5572

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了thinkphp5.0调用ajax无刷新加载数据相关的知识,希望对你有一定的参考价值。

控制器层那边就是调数据返回,这里不再赘述,视图层页面ajax部分写法如下

 1 function shanchu(obj)
 2 {
 3     var code = $(obj).attr("code");
 4     
 5     $.ajax({
 6         url:"/index400/Test/sc",
 7         data:{code:code},
 8         type:"POST",
 9         dataType:"TEXT",
10         success: function(data){
11             if(data==0)
12             {
13                 alert("删除失败!");    
14             }
15             else
16             {
17                 $("#aaa").html(data);
18                 $(".sc").click(function(){
19                     shanchu(this)
20                 });
21             }
22         }
23     })
24 }
25 
26 $(".sc").click(function(){
27 shanchu(this)
28 })

或者也可以这样写

 1 shanchu()
 2 
 3 function shanchu()
 4 {
 5     $(".sc").click(function(){
 6         
 7         var code = $(this).attr("code");
 8         
 9         $.ajax({
10             url:"/index400/Test/sc",
11             data:{code:code},
12             type:"POST",
13             dataType:"TEXT",
14             success: function(data){
15                 if(data==0)
16                 {
17                     alert("删除失败!");    
18                 }
19                 else
20                 {
21                     $("#aaa").html(data);
22                     shanchu();
23                 }
24             }
25         })
26         
27     });
28 }

 

以上是关于thinkphp5.0调用ajax无刷新加载数据的主要内容,如果未能解决你的问题,请参考以下文章

AJAX 的操作和调用

Ajax无刷新

ASP如何用Ajax实现无刷新读取数据库信息(后台发布信息,前台不刷新也能看到)

JQuery实现无刷新下拉加载图片

Ajax实现无刷新分页

ajax实现下拉菜单无刷新加载更多