php ajax数据传输和响应方法

(编辑:jimmy 日期: 2024/10/3 浏览:2)

整理在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数据传输和响应方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。