ajax传输过程示例代码
function ajax(method, url, data, success) {
var xhr = null;
try {
xhr = new XMLHttpRequest(); //新建ajax请求
} catch (e) {
xhr = new ActiveXObject('Microsoft.XMLHTTP');
}
if (method == 'get' && data) { //处理url
url += '?' + data;
}
xhr.open(method,url,true); //连接请求
if (method == 'get') {
xhr.send(); //get方式发送数据
} else { //post方式发送数据
xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
xhr.send(data);
}
xhr.onreadystatechange = function() { //接收数据
if ( xhr.readyState == 4 ) {
if ( xhr.status == 200 ) {
success && success(xhr.responseText);
//data=JSON.parse(xhr.responseText);
} else {
alert('出错了,Err:' + xhr.status);
}
}
}
}
success函数示例
function(data) {
var data = JSON.parse( data ); //将字符串转换为JSON对象
var oUl = document.getElementById('ul1');
var html = '';
for (var i=0; i<data.length; i++) {
html += '<li><a href="">'+data[i].title+'</a> [<span>'+data[i].date+'</span>]</li>';
}
oUl.innerHTML = html;
});