在v1页面点按钮,发送ajax请求。
- return json_encode($datas);返回的是json字符串
- return response()->json($datas);返回的是对象
//app\Http\Controllers\TestViewController.php
public function v6()
{
$sql = "select * from users";
$datas = DB::select($sql);
// return json_encode($datas);
return response()->json($datas);
}
<script type="text/javascript" src="{{asset('css')}}/app.css"></script>
<script type="text/javascript" src="{{asset('js')}}/bootstrap.js"></script>
<script type="text/javascript" src="{{asset('js')}}/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="{{asset('js')}}/app.js" />
<button type="button" id='b'>ajax1</button>
<div id='d'></div>
<script>
$('#b').click(function(event) {
$.ajax({
url: "{{route('v6r')}}",
async: true,
success: function(result) {
console.log(result);
let str = '';
var i = 0; //インデックス用
$.each(result, function(key, item) {
//クラスセレクタのインデックスを明示してあげないと、同じ場所を何度も上書きしてしまうことになる。
str = str + item['id'] + ':' + item['name'] + '<br/>';
i++; //インデックス用のインクリメント
})
$("#d").html(str);
}
});
});
</script>