点击异步切换图片,也称异步加载数据,这就是ajax的奇特之处。

写了一个很简单的demo放到git了:http://koringz.github.io/ajax/

js:

function  xmlhttp(argument) {

if(typeof ajax == 'undefined'){

try{

ajax = new XMLHttpRequest();

}

catch(e){

ajax = new ActiveXObject('Microsoft.XMLHTTP');

}

}

return ajax;

}


function getcontent (url) {

var request = xmlhttp();


request.open('get',url,true);

request.onreadystatechange = function () {

if(request.readyState == 4){

var img  = '<img src="'+ url +'" />';

console.log('typeof eval(img)');

document.querySelector('.box-inline-block').innerHTML = img;

}

}

request.send(null);

}


window. function(){

var input = gettag('input');

console.log(input + '2');

for(var i = 0; i<input.length;i++){

console.log(input[i]);

input[i].index = i;

input[i].onclick = function () {

var value = 'p_w_picpaths/gyy' + this.index + '.jpg';

getcontent (value);

}

}

}

下载地址:https://github.com/koringz/ajax