laravel Ajax post方式的使用

以jquery ajax 的post的方式为例

验证邮箱输入格式是否正确

html 

    <div class="fl">
        <input  type="email" id="email" name="email" value="{{$data -> email}}">
           <span id="pass1" style="display:none;">邮箱格式不正确</span> 
           <span id="pass2" style="display:none;">邮箱格式正确</span>
    </div>

jquery

复制代码
 //email判断
     $("input[name='email']").on('blur',function()
    {
        $.post('/user/email',{'_token':'{{csrf_token()}}','email':$("#email").val()},function(data) //第二个参数要传token的值 再传参数要用逗号隔开
        {
            if(data == 2)
            {
                $("#pass1").css("display","block");
                $("input[name='email']").on('focus',function(){
                     $("#pass1").css("display","none");
                });
            }else if(data == 1){
                $("#pass2").css("display","block");
                 $("input[name='email']").on('focus',function(){
                     $("#pass2").css("display","none");
                });
            }
        });
    });
复制代码

route 路由

Route::post('/user/email','Home\CenterController@email');

控制器

复制代码
//ajax
    // 判断邮箱
    public function email()
    {
        $eamil = $_POST['email'];
        $patten = '/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/';
        preg_match($patten,$eamil,$match);
        if($match)
        {
            echo 1;
        }else{
            echo 2;
        }
    }
复制代码

一些bug的处理办法 

响应状态码为500时  可以看响应的报错  通过报错来调bug

转载于:https://www.cnblogs.com/zhaoyang-1989/p/11063650.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Laravel中,你可以使用jQuery来实现AJAX提交表单数据并转跳。首先,在视图文件中添加一个表单,如下所示: ``` <form id="myForm" action="{{ route('submitForm') }}" method="POST"> @csrf <!-- 表单内容 --> <button type="submit" id="submitForm">提交</button> </form> ``` 这里使用Laravel的路由器来指定表单提交的路由,也就是`submitForm`路由。接下来,你需要编写一个AJAX请求脚本,如下所示: ``` <script> $(document).ready(function(){ $('#submitForm').click(function(e){ e.preventDefault(); $.ajax({ url: "{{ route('submitForm') }}", method: 'POST', data: $('#myForm').serialize(), success: function(response){ window.location.href = "{{ route('redirect') }}"; }, error: function(xhr, status, error){ console.log(error); } }); }); }); </script> ``` 这里使用了jQuery来监听表单提交按钮的点击事件,然后使用AJAX请求将表单数据提交到服务器。在成功响应后,我们可以使用`window.location.href`属性来跳转到另一个页面,如上面代码中的`redirect`路由。 最后,你需要在路由文件中定义这两个路由,如下所示: ``` Route::post('/submitForm', 'FormController@submitForm')->name('submitForm'); Route::get('/redirect', 'FormController@redirect')->name('redirect'); ``` 其中,`submitForm`路由用于处理表单提交请求,`redirect`路由用于处理AJAX成功响应后的跳转请求。 希望这可以帮助你实现在Laravel使用AJAX提交表单数据并转跳。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值