AJax技术

laravel Ajax post方式的使用

字号+ 作者:H5之家 来源:H5之家 2017-02-06 12:00 我要评论( )

laravel Ajax post方式的使用,以jquery ajax 的post的方式为例验证邮箱输入格式是否正确htmldiv class=flinput type=email id=email name=email value={{$data -

以jquery ajax 的post的方式为例

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

html

邮箱格式不正确邮箱格式正确

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 1:Java教程。教会如何使用 Ajax

    1:Java教程。教会如何使用 Ajax

    2017-02-05 12:01

  • jQuery ajax 取消异步传输

    jQuery ajax 取消异步传输

    2017-02-05 12:00

  • 基于ajax技术的在线考试系统的研究和实现.pdf 全文免费在线阅读

    基于ajax技术的在线考试系统的研究和实现.pdf 全文免费在线阅读

    2017-02-04 14:00

  • Snap.svg中文API文档兼学习实例页面之Snap.ajax() 张鑫旭

    Snap.svg中文API文档兼学习实例页面之Snap.ajax() 张鑫旭

    2017-02-02 16:01

网友点评