ajax_基础
2015-05-31 19:08
274 查看
ajax 请求过程
1.准备发送请求
2.填写请求地址和数据
3.请请求到服务器
4.等待服务器处理数据。
5.接受服务器返回信息
-----------------------------------------------------
//str.trim()
1.准备发送请求
var xhr = new XMLHttpRequest //创建ajax对象
//兼容ie 6 的对象创建
if(window.XMLHttpRequest){
var xhr = new XMLHttpRequest
}else{
var xhr = ActiveXObject(’Microsoft ,XMLHTTP‘)
}
// 创建ajax对象
2.填写请求地址和数据
xhr.open(方式,url,是否异步)
get方式发送数据的时候要对字符串进行编码。
//建立一个ajax请求 填写请求地址和数据
get方式是通过吧数据附加在地址栏 的‘查询部分’来传输数据。
异步就是非阻塞式,同步就是阻塞式的。
4.等待服务器处理数据。
//放到send之前 可以监控状态
xhr.onreadyStateChange(){
if(readstatus == 4){
if(status == 200 ){
// 返回信息 xhr.responseText()
}
}
}
xhr.send();请求到服务器 //放到这里比较安全
如果是post方式要设置请求头
必须在send前面设置,否则会报错;(能不能用作爆绝对路径 本地构造)
xhr.setRequestHeader(请求头格式上传下载什么的都是不一样的根据数据进行设置);
xhr.send(如果是post方式数据就要放到这里); xhr.onload(HTML5新特性 不支持ie8) 如果被触发 那么表示服务器已经完成了请求并且
新特性:监控进度等等。
返回 了信息
5.接受服务器返回信息
1.准备发送请求
2.填写请求地址和数据
3.请请求到服务器
4.等待服务器处理数据。
5.接受服务器返回信息
-----------------------------------------------------
//str.trim()
1.准备发送请求
var xhr = new XMLHttpRequest //创建ajax对象
//兼容ie 6 的对象创建
if(window.XMLHttpRequest){
var xhr = new XMLHttpRequest
}else{
var xhr = ActiveXObject(’Microsoft ,XMLHTTP‘)
}
// 创建ajax对象
2.填写请求地址和数据
xhr.open(方式,url,是否异步)
get方式发送数据的时候要对字符串进行编码。
//建立一个ajax请求 填写请求地址和数据
get方式是通过吧数据附加在地址栏 的‘查询部分’来传输数据。
异步就是非阻塞式,同步就是阻塞式的。
4.等待服务器处理数据。
//放到send之前 可以监控状态
xhr.onreadyStateChange(){
if(readstatus == 4){
if(status == 200 ){
// 返回信息 xhr.responseText()
}
}
}
xhr.send();请求到服务器 //放到这里比较安全
如果是post方式要设置请求头
必须在send前面设置,否则会报错;(能不能用作爆绝对路径 本地构造)
xhr.setRequestHeader(请求头格式上传下载什么的都是不一样的根据数据进行设置);
xhr.send(如果是post方式数据就要放到这里); xhr.onload(HTML5新特性 不支持ie8) 如果被触发 那么表示服务器已经完成了请求并且
新特性:监控进度等等。
返回 了信息
5.接受服务器返回信息
相关文章推荐
- linux下安装oracle11g详解
- Java NIO 02=====Channel
- 团队飞机大战分配任务——制定软件测试计划
- 将正整数N转换成m(2-16)进制数
- php利用接口实现类的多重继承
- 关于中国产品的质量问题-一个暖水袋引发的思考
- 百度之星 2015 初赛(2) 1003 棋盘占领
- js-定时任务setInterval,setTimeout,clearInterval,clearTimeout
- (转)CSS字体大小: em与px、pt、百分比之间的对比
- 第七课,分支结构程序体验|三个整数输出最大值
- qq聊天机器人 群发工具 (java版) (二)
- MooTools
- 启动Eclipse 弹出Failed to load the JNI shared library 的解决方法
- 四大域总结
- 教师兼干部类
- MvcPager控件实现列表分页
- hdu 1164 Eddy's research I
- unmapbam to fastq和自己的annovar格式~~~
- poj蚂蚁问题
- android实现层级式导航