Ajax_06｜ajax基本使用
Posted 接引之书
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Ajax_06｜ajax基本使用相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta charset="Utf-8" />
<title>ajax基本使用</title>
<script type="text/javascript">
window.onload = function(){
//1.创建ajax对象
var xhr = new XMLHttpRequest();
//2.确定参数(请求方式,请求地址,是否异步)
xhr.open('get','http://locathost:8080/ajax/test.json',true);
//3.发送请求
xhr.send();
//4.接收请求结果
/*
onreadystatechange 当请求状态发生改变的时候触发该事件;
4 :数据接收完成,获取接收失败,请求结束;
status :http状态码
200 :访问正常
404 :找不到
500 :服务器
*/
xhr.onreadystatechange = function(){
if(xhr.readyState===4 && xhr.status===200){
console.log(xhr.response);
console.log(typeof xhr.response);
//console.log(eval(xhr.response)); //字符串类型是取不到值,要转变成对象
JSON.parse(xhr.response);
}
}
}
</script>
</head>
<body>
</body>
</html>
目录大纲 Directory outline
以上是关于Ajax_06｜ajax基本使用的主要内容，如果未能解决你的问题，请参考以下文章