主页 > 知识库 > Ajax请求PHP后台接口返回信息的实例代码

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

热门标签:神龙斗士电话机器人 企业400电话办理多少费用 合肥企业外呼系统线路 代理打电话机器人 宿州正规外呼系统软件 萍乡商铺地图标注 太原400电话申请流程 电信外呼系统多少钱一个月 桂阳公司如何做地图标注

前台就是一个表单,这里是用的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中如何判断一个网页请求是ajax请求还是普通请求
  • html+js+php一次原始的Ajax请求示例
  • PHP处理Ajax请求与Ajax跨域问题
  • php判断是否为ajax请求的方法
  • jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
  • PHP开发框架kohana中处理ajax请求的例子
  • php检查是否是ajax请求的方法
  • 在php中判断一个请求是ajax请求还是普通请求的方法
  • 原生javascript的ajax请求及后台PHP响应操作示例
  • php下的原生ajax请求用法实例分析

标签:廊坊 鄂州 太原 绥化 崇左 衡阳 白银 辛集

巨人网络通讯声明:本文标题《Ajax请求PHP后台接口返回信息的实例代码》,本文关键词  Ajax,请求,PHP,后台,接口,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《Ajax请求PHP后台接口返回信息的实例代码》相关的同类信息!
  • 本页收集关于Ajax请求PHP后台接口返回信息的实例代码的相关信息资讯供网民参考!
  • 推荐文章