我要弄一个代码库 太多内容了 不用一周就遗忘了
Ajax是指javascript和xml技术的运用 是一项同步和异步的技术 而不是一项编程语言
同步就是填写一个表单完成时才向服务器提交请求 然后等待服务器影响结果 如果不符合则重新加载
异步就是填写一个表单不需要完成就可以与服务器提交请求 随时响应结果 不符合即时反馈
HTTP协议就是服务器和浏览器进行数据交互时候的一种桥梁 不具备记忆性
这里阐述一下HTTP请求
1)建立TCP连接
2)浏览器发送请求命令
3)浏览器发送请求头信息
4)服务器应答
5)服务器发送应答头信息
6)服务器向浏览器发送数据
7)服务器关闭TCP连接
XMLHttpRequest的属性和方法
XMLHttpRequest 创建XMLHttpRequest对象
open(method,url,async)
send(string) 发送
responseText 获取字符串型的响应数据
responseXML 获得XML形式的响应数据
status和statusText 以数字和文本形式返回HTTP状态码
getAllResponseHeader 获取所有响应报头
getResponseHeader() 查询响应中的某个字段的值
在以前并没有XMLHttpRequest这个对象来使用 所以IE6和IE5并不兼容,如果要兼容需要判断一下
var request;
if(window.XMLHttpRequest)
{
request = new XMLHttpRequest(); //兼容 IE8+ Firefox Chrome Opera Safari
}else{
request = new ActiveXObject("Microsoft.XMLHTTP"); //兼容 IE5 IE6
}
监听处理程序
request.onreadystatechange = function(){
if(request.readyState == 4 && request.status == 200){
var response = request.responseText; //接收服务器响应的值
document.getElementById('info').innerHTML = response;
}
}
get方式和post方式
request.open(get,get.php,true) //创建一个新的http请求
request.send() //发送http请求到服务器并接受回应
request.open(post,post.php,true)
request.setRequestHheader("Content-type:","application/x-www-form-urlendecode") //设置psot请求头
request.send("name=王二狗&sex=男")
下面是封装的一个类的代码 最近都把代码封装起来 希望有一个自己的代码库 需要到的时候随时调用~