ajax怎么取php里面json数据

首先，为什么要使用Ajax取PHP里面的json数据呢？因为Ajax可以在不刷新整个页面的情况下，向后台发送请求并获取数据，达到优化页面效果的目的。下面我们来看看如何使用Ajax取PHP里面的json数据。 步骤一：创建XMLHttpRequest实例 在使用Ajax取PHP里面的json数据之前，需要先创建XMLHttpRequest实例。XMLHttpRequest对象是用来向服务器发送请求并从服务器接收数据的JavaScript API。我们需要先调用open方法，指定请求方式（get或post）和请求的url，然后调用send方法发送请求。以下是具体代码：

var xhr = new XMLHttpRequest();//创建XMLHttpRequest实例
xhr.open("GET","url",true);//设置请求方式和请求url
xhr.send(null);//发送请求，可以不设置请求体

步骤二：处理从PHP返回的json数据 当我们向PHP发送请求时，PHP会返回json格式的数据，然后我们需要对返回的json数据进行处理。首先，我们需要监听XMLHttpRequest实例的onreadystatechange属性，当其值为4（代表请求完成）时，我们可以开始处理返回的数据。

xhr.onreadystatechange = function() {
    if (xhr.readyState==4 && xhr.status==200) {//请求完成，且请求成功
        var jsonObject = xhr.responseText;//获取返回的json数据
        //处理返回的数据
    }
}

步骤三：将json数据转换为JavaScript对象 在上面的代码中，我们获取到的json数据是一个字符串，需要将其转换为JavaScript对象以便于我们操作。为此，我们可以使用JSON.parse()方法来将json数据转换为JavaScript对象。

var jsonObject = JSON.parse(xhr.responseText);

步骤四：从JavaScript对象中获取数据 最后一步，我们需要从JavaScript对象中获取我们想要的数据。假设我们的json数据格式为{"name":"张三","age":20}，我们可以通过变量名来获取相应的数据。

var name = jsonObject.name;//获取name属性的值
var age = jsonObject.age;//获取age属性的值

以上就是使用Ajax取PHP里面json数据的一般步骤。需要注意的是，由于网络请求是异步的，所以我们需要将第二步、第三步和第四步写在第一步的回调函数中。在实际开发中，我们可以将这些代码封装成一个函数，以便于多次使用。