牛骨文教育服务平台(让学习变的简单)
博文笔记

php ajax数据传输和响应

创建时间:2017-02-25 投稿人: 浏览次数:3267

整理在php后端与前端数据传输过程中一些细节。
前端页面1.html的js代码:

    $.ajax({
       url:"1.php",//目的php文件
       data:{‘age’:12,},//传输的数据
       type:"post",//数据传送的方式get/post
       dataType:"json",//数据传输的格式是json
       success:function(response){
       //数据给后端php文件并成功返回
       console.log(response);//打印返回的值
       } ,
       error:function(response){
       //数据给后端后返回错误
       console.log(response);//打印返回的信息
       }
      });

后端1.php中的php代码

    $post = $_POST["age"];//接收信息
    //把信息发送回去给1.html
    echo $post;

输出如下:
这里写图片描述

以上是单个数据信息的传输,多个信息的处理如下:
在js代码中的$.ajax()中的data改写:

data:{"age":123,"name":"zh","height":12314.0,},//多个之间逗号隔开

php中改写:

   $array = array(): 
   $array["age"] = $_POST["age"];
   $array["name"] = $_POST["name"];
   $array["height"] = $_POST["height"];
   die(json_encode($array));
   //这里的php中把数据处理后返回给前端页面时只有2种方法,echo 或者die(),但是在多个数据时用die()要用json_encode(),把数据转为json形式。

这里用多个echo传值时,要注意,把dataType这行注释掉,具体看我博客中的另一篇,有关ajax前端没有信息返回的文章!

js中写:

   success:function (response)
   {
      consoloe.log(response["age"]);
      console.log(response.name);//response这时是一个object,可以用["属性"]或者.属性的形式去访问。
   }
阅读更多
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。