php教程

超轻量级php框架startmvc

php ajax数据传输和响应方法

更新时间:2020-03-29 15:48:29 作者:startmvc
整理在php后端与前端数据传输过程中一些细节。前端页面1.html的js代码:$.ajax({url:'1.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;

输出如下:

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

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

php ajax 传输 响应