用js进行ajax异步请求局部刷新

(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();

});

}());