(function(){
var btn = document.getElementById('load');
btn.addEventListener('click',function(){
var xhr =new XMLHttpRequest();
//javaScript默认不能跨域取数据(同源策略)
//但是今天的绝大多数提供数据接口的服务器都允许跨域取数据
//HTTP---超文本传输协议
//http协议的动词--get/post(浏览器在正常情况下只支持这俩)
//url(统一资源定位符 网址)
xhr.open('GET',
'http://api.tianapi.com/meinv/?key=写你的&num=10',true);
xhr.onreadystatechange=function(){
if(xhr.readyState==4 && xhr.status ==200){
//readystate==4确定数据相应完成
//status==200 确定服务器正常的返回了数据
var obj=JSON.parse(xhr.responseText);
var mmArray = obj.newslist;
var div = document.getElementById('photos');
for(var i=0;i
var img =document.createElement('img');
console.log(mmArray[i].picUrl);
img.src=mmArray[i].picUrl;
img.width = '360';
div.appendChild(img);
}
}
};
xhr.send();
});
}());