php ajax数据传输和响应方法

  • Z时代
  • 2024-01-10
  • 分类：IT

整理在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数据传输和响应方法 的全部内容， 来源链接： utcz.com/p/222166.html

回到顶部