欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

php ajax数据传输和响应方法

程序员文章站 2023-12-06 09:15:34
整理在php后端与前端数据传输过程中一些细节。 前端页面1.html的js代码: $.ajax({ url:'1.php',//目的php文件...

整理在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;

输出如下:

php ajax数据传输和响应方法

以上是单个数据信息的传输,多个信息的处理如下:

在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,可以用['属性']或者.属性的形式去访问。
  }

以上这篇php ajax数据传输和响应方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。