function ajax(method, url, data, success) {
var xhr = null;
try {
xhr = new XMLHttpRequest();
} catch (e) {
xhr = new ActiveXObject('Microsoft.XMLHTTP');
}
if (method == 'get' && data) {
url += '?' + data;
}
xhr.open(method,url,true);
if (method == 'get') {
xhr.send();
} else {
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);
} else {
alert('出错了,Err：' + xhr.status);
}
}
}
}
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script src="ajax.js"></script>
<style>
li { list-style}
</style>
<script>
window.onload = function(){
var oBtn = document.getElementById('btn');
oBtn.onclick = function(data){
//alert(1);
News();
}
function News(){
ajax('get','getNews.php','',function(data){
var data = JSON.parse( data );
var oDiv = document.getElementById('div1');
var html = '';
for(var i=0; i<data.length; i++){
html += '<li>'+ data[i].title +'</li>'
}
oDiv.innerHTML = html;
})
}
setInterval(function(){
News();
},1000)
}
</script>
</head>
<body>
<input type="button" value="按钮" id="btn" />
<br><div id="div1"></div>
</body>
2142
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
