php和ajax交互中的数据问题

我是个小白，才学一会儿，不敢在此大论文章，所以写这篇文章是为了整理我这几天在搞ajax和php后台交互中关于http交互的携带数据踩到的坑和得到的经验。

ajax或者get、post在传递数据的时候，我们是这样写的


$.post('test.php',{'key1':'value1','key2':'value2'}，function(res){

    console.log(res);

})

而这个{'key1':value1,'key2':value2}是什么东西呢?我们用浏览器的控制台就能得出，这是个object，也就是说，ajax携带的数据是个object，而不是string或者一些被编码后的东东。

image

也就是php收到的数据是个object，然后用$_POST['xxx']能返回key为xxx对应的value。那php端怎么保存js发给我们的objcet呢。很简单啊，发给我们的object如果是多个key和value，那我们就用数组保存。代码如下

test.php

<?php

$data = array();

$data['key1'] = $_POST['key1'];

$data['key2'] = $_POST['key2'];

?>

这样子，我们就把js的object送到php，并把其作为php的数组保存下来。

那要是php要把他的数据echo到post的回调函数的参数里去呢，是不是直接echo $data？我尝试了下，浏览器报错，查了一下，报错的原因是echo不能输出数组。php要输出数组，要用print_r()函数，那我用print_r函数，成功把数据输出到了js里的post的回调函数的参数res里，把res打印出来是这样的


Array(

    [key1]=> value1

    [key2]=> value2

)

好开心，php把他的数组输出到js里啦，然后开始想要在js里获取key1的值，所以就试了试console.log(res.key1)，结果报错，找不到这个东西，好东西，搞我是吧，然后我一查，typeof(res)竟然是个string，也就是说php的print_r函数把数组转化成了一个好看的字符串再输出到js的，这不是我们想要的，那php该如何优雅地把他的数据输出到js里呢，这个操作非常常见，用json_encode()函数把php数组转化成json格式的字符串再发送给js，json格式的字符串长成这样


{"key1":"value1","key2":"value2"}

注意json_encode()和print_r()一样是把数组先转化成字符串，但是js里收到了后，可以用JSON.parse()函数把json格式的字符串解析为js的对象，也就是上面说的object，这样我们就可以操作php返回给我们的数据了。

那总结一下

test.php


//用$_POST[]接收js发过来的object的数据

$data = array();

$data['key1'] = $_POST['key1'];

$data['key2'] = $_POST['key2'];

//用json_encode编码php数组成json格式的字符串并且用echo输出到js的ajax、post、get函数的成功回调函数的参数里

echo json_encode($data);

?>


$.post('test.php',{'key1':'value1','key2':'value2'}，function(res){

//用JSON.parse解析json格式字符串

    var res_Data = JSON.parse(res);

    console.log(typeof(res_Data));//输出object

})

最后编辑于：2020.04.22 14:51:22