Laravel - 使用ajax

Posted 武卡卡的个人博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Laravel - 使用ajax相关的知识,希望对你有一定的参考价值。

一,前台模板文件  index.blade.php

<!DOCTYPE html>
<meta name="_token" content="{{ csrf_token() }}"/>
<script src="{{ asset(‘js/jquery-1.9.0.js‘) }}"></script>
<body>
   <button onclick="go()">发送</button>
   <script>
    function go() {
        console.log(123)
        $.ajax({
            type: ‘POST‘,
            url: ‘article/add‘,
            data: { name:‘武卡卡‘,age:‘18‘ },
            dataType: ‘json‘,
            headers: {
            ‘X-CSRF-TOKEN‘: $(‘meta[name="_token"]‘).attr(‘content‘)
            },
            success: function(data){
              console.log(data);
            },
            error: function(xhr, type){
              alert(‘Ajax error!‘)
            }
        });
    }
   </script>
</body>
<html>
 

二,路由文件  web.php

Route::post(‘article/add‘,‘ArticleController@add‘);
 

三,控制器文件  ArticleControlle.php

public function add(Request $req){
       return $req->all();
}
 
 

以上是关于Laravel - 使用ajax的主要内容,如果未能解决你的问题,请参考以下文章

使用 select2 和 ajax laravel 资源进行多选

当使用 Ajax Laravel 的 datepicker 为空时在 DB 中插入 NULL

onclick 使用 ajax laravel 从数据库中获取数据

如何在 Laravel 5.2 中发送多个参数 AJAX

多次尝试后,Laravel 5.5 在 ajax 调用中不断收到 419 发布错误

如何从控制器获取记录到 Ajax laravel 5.2