当前位置:Gxlcms > php框架 > php ajax数据传输和响应方法

php ajax数据传输和响应方法

时间:2021-07-01 10:21:17 帮助过:10人阅读

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

人气教程排行