栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Laravel 5.3中ajax POST的最小工作示例

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Laravel 5.3中ajax POST的最小工作示例

我假设您对模型-控制器-视图范例有基本的了解,对Laravel的基本了解,以及对Javascript和JQuery的基本了解(为简单起见,我将使用它们)。

我们将创建一个编辑字段和一个发布到服务器的按钮。(这适用于Laravel 5.0至5.6的所有版本)

1.路线

首先,您需要将路由添加到您的 route / web.php中 。就像您从普通视图中知道的那样,为视图创建一条路线:

Route::get('ajax', function(){ return view('ajax'); });

您需要创建的第二条路由是处理ajax发布请求的路由。请注意,它正在使用 post 方法:

Route::post('/postajax','AjaxController@post');

2.控制器功能

在您创建刚才(第二)路线,控制器功能 AjaxController 被调用。因此创建控制器

php artisan make:controller AjaxController

并在 app / Http / Controllers / AjaxController.php中 添加包含以下行的函数 发布

<?phpnamespace AppHttpControllers;use IlluminateHttpRequest;class AjaxController extends Controller {   public function post(Request $request){      $response = array(          'status' => 'success',          'msg' => $request->message,      );      return response()->json($response);    }}

该函数已准备就绪,可以通过Http请求接收数据,并返回json格式的响应(包含状态“成功”和该函数从请求中获得的消息)。

3.观点

在第一步中,我们定义了指向视图 ajax 的路由,因此现在创建视图 ajax.blade.php

<!DOCTYPE html><html><head>    <!-- load jQuery -->    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>    <!-- provide the csrf token -->    <meta name="csrf-token" content="{{ csrf_token() }}" />    <script>        $(document).ready(function(){ var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content'); $(".postbutton").click(function(){     $.ajax({                  url: '/postajax',         type: 'POST',                  data: {_token: CSRF_TOKEN, message:$(".getinfo").val()},         dataType: 'JSON',                  success: function (data) {   $(".writeinfo").append(data.msg);          }     });  });       });        </script></head><body>    <input ></input>    <button >Post via ajax!</button>    <div ></div>   </body></html>

如果您想知道此csrf令牌有什么问题,请阅读https://laravel.com/docs/5.3/csrf



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/401653.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号