zoukankan      html  css  js  c++  java
  • 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','HomeCenterController@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

  • 相关阅读:
    简易四则运算
    对GitHub的认识
    对‘前辈’们的博文有感
    javascript中的JSON序列化与反序列化
    初步体验javascript try catch机制
    JQuery拾遗
    直面Javascript面试题算法思路
    ECMAScript5下Array的方法
    浅谈javascript中的数据类型和引用类型
    ECMAScript 5.1中对属性的操作
  • 原文地址:https://www.cnblogs.com/zhaoyang-1989/p/11063650.html
Copyright © 2011-2022 走看看