Ajax实现异步
来源:互联网 发布:金蝶软件财务报表 编辑:程序博客网 时间:2024/06/05 11:41
【异步的原理】
简言之,我理解的异步就是:我在做一件事的同时可以同时做另外一件事
就如:洗衣服时我把衣服放到洗衣机后,就可以去干别的事了,不必等到衣服洗好后再做别的事。
而浏览器的异步交互就体现在:当我向服务器发送一个请求时,此页面可以做别的事
与浏览器的同步区别
传统的web应用模式:浏览器向服务器发送html请求,服务器接收请求并做出反应,向浏览器发送整个页面
Ajax应用模式:浏览器调用JS调用Ajax引擎,向服务器发送html请求,服务器接收请求 并做出反应,向浏览器发送xml或文本数据,而不是整个html页面(我认为ajax引擎就是xmlhttprequest对象,通过xmlhttprequest向服务器发送请求)
Ajax是一种技术,而我认为实现该技术的核心是XmlHttpRequest,XmlHttpRequest(XMLHTTP是个传送XML格式数据的超文本传输协议)是XMLHTTP组件的对象,通过这个对象,浏览器就可向服务器请求并处理响应了(此通信是数据层面的交互),而不阻塞用户
使用xmlhttprequest的步骤:
1.创建xmlhttprequest对象
IE类:
new ActiveXObject('版本号'])
Firfox类:
new XMLHttpRequest()
2.使用open方法,设置和服务器交互的基本信息,发送方式(GET/POST),请求地址,异步/同步
3.状态改变时,注册回调函数
4. 在回调函数中判断交互是否结束,响应是否则正确,根据服务器返回的数据,更新页面内容
一般我们设置只有在响应正确的情况下,才调用回调函数,实际是只要状态改变,就会触发回掉函数
readyState==4;表示客户端成功与服务器成功交互,即响应数据接收成功
statues==200;表示服务器正确返回数据
5.利用send方法,设置发送的数据,可是和服务器交互
【何时用Ajax】
总的来时就是:不想刷新整个页面时,就用ajax,比如:
- 自动匹配
- 输入值校验
- 级联显示
- 提交是为了页面数据的显示
- Ajax实现异步操作
- AJAX实现异步通信
- ajax实现异步通信
- AJAX实现异步
- AJAX 实现异步通信
- ajax实现异步交互
- AJAX实现异步刷新
- ajax实现异步任务
- Ajax实现异步交互
- AJAX实现异步提交
- ajax实现异步刷新
- AJAX--异步校验实现
- jQuery实现Ajax异步
- ajax实现异步刷新
- AJAX实现异步刷新
- Ajax实现异步
- Ajax异步技术的实现
- JQuery 异步实现ajax 参数
- Windows下kettle安装及建立与资源库连接
- 2017.9.11 数列 失败总结
- python数据分析之Numpy
- 腾讯笔试题——五笔编码
- 前端跨域时的post与get问题
- Ajax实现异步
- 第二周项目一C/C++语言中函数传递的三种方式之方法二传地址
- spring的@Transactional注解详细用法
- GFOJ686 序列操作(分段DP,未高精)
- 归并排序
- substring-with-concatenation-of-all-words
- 观察者模式
- HDU5810-Balls and Boxes
- php获取目录下所有文件及目录(多种方法)