(function(){
var btn = document.getElementById('load');
btn.addEventListener('click',function(){
var xhr =new XMLHttpRequest();
//javaScript默認(rèn)不能跨域取數(shù)據(jù)（同源策略）
//但是今天的絕大多數(shù)提供數(shù)據(jù)接口的服務(wù)器都允許跨域取數(shù)據(jù)
//HTTP---超文本傳輸協(xié)議
//http協(xié)議的動(dòng)詞--get/post(瀏覽器在正常情況下只支持這倆)
//url(統(tǒng)一資源定位符 網(wǎng)址)
xhr.open('GET',
'http://api.tianapi.com/meinv/?key=寫你的&num=10',true);
xhr.onreadystatechange=function(){
if(xhr.readyState==4 && xhr.status ==200){
//readystate==4確定數(shù)據(jù)相應(yīng)完成
//status==200 確定服務(wù)器正常的返回了數(shù)據(jù)
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();
});
}());
