替换
str.replace(‘把谁替换’,‘替换成谁’)
ajax的原理
4步
1打开创建ajax对象
2打开链接
3发送请求
4接受响应
XMLHttpRequest 是ajax的核心
GET
创建: var oAjax = new XMLHttpRequest(); 不兼容iE6
var oAjax = new ActiveXObject('Microsoft.XMLHTTP'); IE678
兼容写法:if(window.XMLHttpRequest){
var oAjax = new XMLHttpRequest();
}else{
var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
}
打开链接:oAjax.open(‘打开方式’,‘url?data’,是否异步);同步:一次只做一件事 异步:同时做多件事
写法:oAjax.open('GET','xxx?xxx=xxx',true);
发送请求: oAjax.send();
接受响应:oAjax.onreadystatechange = function(){
判断ajax状态码
if(oAjax.readyState==4){
判断http状态码
if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){
成功
oAjax.responseText
响应文本
}else{
失败
}
}
}
POST
创建: var oAjax = new XMLHttpRequest(); 不兼容iE6
var oAjax = new ActiveXObject('Microsoft.XMLHTTP'); IE678
兼容写法:if(window.XMLHttpRequest){
var oAjax = new XMLHttpRequest();
}else{
var oAjax = new ActiveXObject('Microsoft.XMLHTTP');
}
打开链接 : oAjax.open(‘打开方式’,‘url?data’,是否异步);同步:一次只做一件事 异步:同时做多件事
写法:oAjax.open(‘POST','url',true);
设置头部请求:oAjax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
发送请求:oAjax.send(data);
接受响应 :oAjax.onreadystatechange = function(){
判断ajax状态码
if(oAjax.readyState==4){
判断http状态码
if(oAjax.status>=200&&oAjax.status<300||oAjax.status==304){
成功
oAjax.responseText
响应文本
}else{
失败
}
}
}
ajax状态码
0:准备成功 没有发送
1:发送成功
2:接收原始数据成功
3:解析数据成功
4:完成
HTTP状态码
三位数 2字头代表成功 304 (重定向)
跨域数据交互
ajax不能跨域 跨域方法:jsonp
JSONP
wd: word 关键词
cb:callback 回掉函数