19.8.4 学习笔记:
渡一web就业 书籍资料:
26.Ajax.基础教程
第一步,创建 XMLHttpRequest对象
function ajax(){
var xhr = null;
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject('Microsoft.XMLHttp');
}
}
第二步
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
//监听状态
if(xhr.status==200){
//监听状态码
callback(xhr.responseText);
}else{
console.log('error');
}
}
}
第三步:
method = method.toUpperCase();
if (method == 'GET') {
var date=new Date(),
timer=date.getTime();
//date.getTime()返回 距1970年1月1日的 毫秒数
//获取到 时间戳
xhr.open(method,url+'?'+data+'&timer'+timer,flag);
//打开
xhr.send();
//发送数据
}else if (method='POST') {
xhr.open(url,method,flag);
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
xhr.send(data);
}
function ajax(method, url, callback, data, flag) {
var xhr = null;
if(window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}else {
xhr = new ActiveXObject('Microsoft.XMLHttp')
}
xhr.onreadystatechange = function() {
if(xhr.readyState == 4) {
if(xhr.status == 200) {
callback(xhr.responseText);
}else {
console.log('error');
}
}
}
method = method.toUpperCase();
if(method == 'GET') {
var date = new Date(),
timer = date.getTime();
xhr.open(method, url + '?' + data + '&timer=' + timer, flag);
xhr.send();
}else if(method == 'POST') {
xhr.open(method, url, flag);
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
xhr.send(data);
}
}