码迷,mamicode.com
首页 > Web开发 > 详细

laravel Ajax post方式的使用

时间:2019-06-21 12:49:20      阅读:641      评论:0      收藏:0      [点我收藏+]

标签:input   路由   one   判断邮箱   function   display   play   响应   control   

以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

laravel Ajax post方式的使用

标签:input   路由   one   判断邮箱   function   display   play   响应   control   

原文地址:https://www.cnblogs.com/zhaoyang-1989/p/11063650.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!