Ajax请求PHP后台接口返回信息的实例代码
更新时间:2018年08月21日 09:15:52 作者:今天一点也不冷
今天小编就为大家分享一篇Ajax请求PHP后台接口返回信息的实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
前台就是一个表单,这里是用的bootstrop的
<form method="post" > <!-- token验证 --> <!--{{ csrf_field() }}--> <div class="form-group" style="width:30%"> <label for="exampleInputPassword1">昵称</label> <input type="name" id="nickname" name="nickname" class="form-control" id="exampleInputname1" placeholder="用于评论昵称"> </div> <div class="form-group"> <label for="exampleInputEmail1">Email </label> <input style="width:30%" type="email" id="email" name="email" class="form-control" id="exampleInputEmail1" placeholder="用于接收回复消息通知"> <span id="error_massage"></span> </div> <div class="form-group" style="width:60%;"> <label for="name">留言内容</label> <textarea class="form-control" id="content" name="text" rows="3" placeholder="评论内容"></textarea> </div> <button type="submit" class="btn btn-default">Submit</button> </form>
php只简单验证了一个邮箱
public function postMassage(Request $Request) { $email = $Request->email; $messages = $this->article_messages->where('email',$email)->first(); if (!empty($messages)) { return response()->json(['status' => 'ok','code' => 400,'message' => '该邮箱已存在!换一个吧!',]); } }
ajax的请求POst
<script type="text/javascript"> $("form").submit(function(e){ e.preventDefault();//阻止默认提交,表单不写method="post"这个可以不要 console.log(11); var nickname = $('#nickname').val(); var email = $('#email').val(); var content = $('#content').val(); $.ajax({ type: "post", url: "/article/message", dataType:"json", data:{ "nickname":nickname, "email":email, "content":content, "_token":"{{ csrf_token() }}", }, success: function(data) { if (data.code == 400) { console.log(data); document.getElementById('error_massage').innerHTML =data.message; } else { } } }); // $.post("/article/message", { // "nickname":nickname, // "email":email, // "content":content, // "_token":"{{ csrf_token() }}", // }, // function(data){ // console.log(data); // }); }) </script>
最终:
以上这篇Ajax请求PHP后台接口返回信息的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
windows下配置apache+php+mysql时出现问题的处理方法
windows下配置apache+php+mysql应该是每个phper必须掌握的基础技能了,这也是熟悉php的一个过程,小编当年自己配环境的时候也遇到过这样那样的问题,现在把当时记录的几个问题的处理方法分享给大家2014-06-06ubuntu 编译安装php 5.3.3+memcache的方法
ubuntu 编译安装php 5.3.3+memcache的方法,需要的朋友可以参考下。2010-08-08
最新评论