ajax get方式发送json

AJAX（Asynchronous JavaScript and XML）是一种用于在不重新加载整个页面的情况下从服务器异步加载数据的技术。其中，JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，非常适合在AJAX中使用。本文将介绍如何使用AJAX的GET方式发送JSON数据到服务器。

var xhr = new XMLHttpRequest();    //创建XMLHttpRequest对象
xhr.open('GET','http://example.com/data.json',true);    //配置请求
xhr.setRequestHeader('Content-Type','application/json');    //设置数据类型为JSON
xhr.onreadystatechange = function() {    //定义回调函数
    if(xhr.readyState == 4 && xhr.status == 200) {
        var response = JSON.parse(xhr.responseText);
        console.log(response);
    }
};
xhr.send();    //发送请求

以上代码演示了如何通过XMLHttpRequest对象发送AJAX请求。首先，我们创建了一个XMLHttpRequest对象，并使用open()方法配置请求。其中，第一个参数指定请求方法，第二个参数指定请求的URL，第三个参数指定请求是否为异步请求。

接着，我们使用setRequestHeader()方法设置数据类型为JSON。这样服务器就能正确解析数据。注意，请求头中的Content-Type参数值必须为application/json。

然后，我们定义了一个回调函数，用于处理服务器返回的数据。在回调函数中，如果readyState属性为4（表示请求已完成），并且status属性为200（表示服务器响应成功），则使用JSON.parse()方法将返回的字符串转换成JSON对象，并打印到控制台中。

最后，我们通过send()方法发送请求。由于是GET请求，因此不需要在send()方法中传递数据，数据直接放在URL中传递即可。

需要注意的是，由于AJAX请求是异步的，因此不能直接返回数据。必须通过回调函数处理服务器返回的数据。同时，在跨域请求时，需要在服务器端设置CORS（跨域资源共享）。