Ajax请求PHP后台接口返回信息的实例代码

今天小编就为大家分享一篇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后台接口返回信息的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持得得之家。

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

在这篇文章中我们给大家分享了关于PHP与以太坊交互的相关知识点内容,有兴趣的朋友们阅读下吧。
这篇文章主要为大家详细介绍了php获取微信基础接口凭证Access_token,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了php对微信支付回调处理的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
这篇文章主要介绍了PHP封装的验证码工具类定义与用法,结合完整实例形式详细分析了php封装的验证码工具类相关图片创建、随机字符串、验证码验证等功能定义与使用技巧,需要的朋友可以参考下
这篇文章主要介绍了PHP实现负载均衡的加权轮询方法,简单描述了常见的负载均衡算法,并结合实例形式分析了加权轮询的相关实现技巧,需要的朋友可以参考下
这篇文章主要介绍了PHP实现负载均衡session共享redis缓存操作,涉及php用户登陆、session存储、判断等相关操作技巧,需要的朋友可以参考下