以下是一个使用AJAX调用成功并传递JSON对象的示例:
// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 定义一个回调函数来处理AJAX响应
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 解析响应的JSON字符串为JavaScript对象
var response = JSON.parse(xhr.responseText);
console.log(response);
// 在这里可以对响应进行处理
}
};
// 设置AJAX请求的方法、URL和异步标志
xhr.open("GET", "https://example.com/api/data", true);
// 设置AJAX请求的请求头(如果需要)
xhr.setRequestHeader("Content-Type", "application/json");
// 发送AJAX请求
xhr.send();
// 在AJAX调用成功后,执行一些其他操作
console.log("AJAX调用成功,现在可以传递JSON对象[字符串]。");
在上面的示例中,我们使用了XMLHttpRequest对象来发起AJAX请求。我们首先创建一个XMLHttpRequest对象,然后定义一个回调函数来处理AJAX响应。在回调函数中,我们首先检查响应的状态和状态码是否符合预期,然后将响应的JSON字符串解析为JavaScript对象,并进行进一步的处理。
在实际的代码中,你需要将示例中的URL和请求头设置为你自己的值,并根据需要修改回调函数的逻辑和其他操作。