<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript">
function buttonClick(){
var xmlhttp = null;
//判断版本
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
} else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");//创建请求对象
}
xmlhttp.onreadystatechange = function (){
//readyState：请求的状态。0 = 未初始化，1 = 正在加载，2 = 已加载，3 = 交互中，4 = 完成
//status：服务器的 HTTP 状态码（200 对应 OK，404 对应 Not Found（未找到））
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
var str = xmlhttp.responseText
var json = JSON.parse(str)
document.getElementById('11').src = json.imgurl
}
}
//设置请求true代表异步
xmlhttp.open("GET","https://xxxxxxxxxx.php?a=a&b=b&c=c",true)
//发送数据
xmlhttp.send()
}
</script>
<title>ajax</title>
</head>
<body>
<button onclick="buttonClick()">下载</button>
<img id="11" src="">
</body>
</html>
网友评论