一句话总结:页面端使用$.get()方法传递ajax请求,服务器端判断是不是ajax请求,是的话接受参数,进行逻辑处理之后向客户端返回值。
1、页面端如何传递ajax请求?
$.get()方法即可
22 <script>
23 $('#my_ajax_test').click(function(){
24 var name=$('input').val();
25 //alert(name);
26 $.get("{:url('test_ajax/index')}",{name:name},function(data){
27 alert('Ajax从服务器端返回来的值是:'+data);
28 });
29 });
30 </script>
2、服务器端如何判断是不是ajax请求?
request()->isAjax(),thinkphp5提供了ajax判断函数isAjax()
8 public function index()
9 {
10 if(request()->isAjax()){
11 $name=input('name');
12 return $name.' fry';
13 //dump($name);die;
14 }
15 return view();
16 }举个栗子~:前台代码:
<script>
var spirit = "";
$.get("{:url('Music/mclist')}",function(data){
console.log(data);
var length = Object.keys(data).length;
var brr = [];
for(var i =0;i<length;i++){
brr.push({
title:data[i]["mc_name"],
artist:data[i]["mc_singer"],
mp3:data[i]["mc_url"],
poster:""
});
}
spirit = brr;
});
</script>
后台代码:
public function mclist()
{
if (request()->isAjax()) {
// $name = input('name');
// return $name . ' fry';
// //dump($name);die;
$mclist = Db::table("music")->select();
return $mclist;
}
return view();
}