ThinkPHP5 ajax使用

一句话总结：页面端使用$.get()方法传递ajax请求，服务器端判断是不是ajax请求，是的话接受参数，进行逻辑处理之后向客户端返回值。

1、页面端如何传递ajax请求？

$.get()方法即可

122 <script>
223 $('#my_ajax_test').click(function(){
324     var name=$('input').val();
425     //alert(name);
526     $.get("{:url('test_ajax/index')}",{name:name},function(data){
627         alert('Ajax从服务器端返回来的值是：'+data);
728     });
829 });
930 </script>

2、服务器端如何判断是不是ajax请求？

request()->isAjax()，thinkphp5提供了ajax判断函数isAjax()

18     public function index()
2 9     {
310         if(request()->isAjax()){
411             $name=input('name');
512             return $name.' fry';
613             //dump($name);die;
714         }
815         return view();
916     }举个栗子~：前台代码：
10
11<script>
12    var spirit = "";
13    $.get("{:url('Music/mclist')}",function(data){
14      console.log(data);
15      
16      var length = Object.keys(data).length;
17      var brr = [];
18      for(var i =0;i<length;i++){
19        brr.push({
20          title:data[i]["mc_name"],
21          artist:data[i]["mc_singer"],
22          mp3:data[i]["mc_url"],
23          poster:""
24        });
25      }
26      spirit = brr;
27    });
28  </script>

后台代码：

1public function mclist()
2    {
3        if (request()->isAjax()) {
4            // $name = input('name');
5            // return $name . ' fry';
6            // //dump($name);die;
7            $mclist = Db::table("music")->select();
8            return $mclist;
9        }
10        return view();
11    }