Laravel 接受Ajax的POST请求

个人记录 专栏收录该内容
10 篇文章 0 订阅

Laravel 接受Ajax的请求:

    

Laravel 框架接收Ajax的POST请求很简单,但是有弯路.....

不过 : 这个文章不是初学者看的,至少你们要会创建html界面,创建JS,引用JS库,实现

$.Ajax代码,才行..............不过,我相信,应该都会..

首先,Laravel框架接收Ajax的Url都是在Routes里面的web.php里设定的......

但是,Laravel 接收Url的入口文件就一个,那就是index.php.什么意思呢?接着往下看:

现在,我们就一步一步完成整个请求的过程:

先打开Routes里的web.php:.里面是系统自定义的一个接收Url请求的设定:

Route::get('/', function(){  //这里是get,当我们自己要定义POST请求的时候,这要变成post

    return view('welcome');

}); 这个是什么意思呢?意思就是当index.php后面的是'/'的时候,执行后面函数里语句:

return view('welcome');也就是,当我们打开http://localhost/yu/public/index.php的时候,就会出现Welcome的界面.

这个Welcome的界面就是return view('welcome')这句语句带来的效果.返回一个

welcome 页面的视图.这些倒无所谓.主要的是我们要自己定义接收Url的语句.

Route::post('test/post', function(){

    echo "sss";

});

POST请求和GET请求有二个特别重要的不同就是POST请求会有一个csrf验证,没通过这个验证你永远也连不上.第二个请求就是POST请求的地址,比如上面定义的'test/post'.要把这个地址加在app/Http/Middleware/VerifyCsrfToken.php里,意思是允许这个地址去验证csrf....

 

然后我们去弄前台的东西:创建一个html文件,创建一个JS文件,在JS文件里创建一个函数.

一:在html最前面加上

<meta name="csrf-token" content="{{ csrf_token() }}">

二:在html里面引入Jquery文件(不引入Ajax用不了)和你自己创建的JS文件

 

三:在html加上

四:在html里面运行你创建的js函数

这是html界面:...这是js文件和自己创建的函数:

这时候运行html界面,就会出现....这样,就可以了

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值