• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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中如何判断一个网页请求是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请求用法实例分析
    上一篇:php从数据库读取数据,并以json格式返回数据的方法
    下一篇:php ajax数据传输和响应方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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