Ajax实现异步

前端之家收集整理的这篇文章主要介绍了Ajax实现异步前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

【异步的原理】

简言之,我理解的异步就是:我在做一件事的同时可以同时做另外一件事

就如:洗衣服时我把衣服放到洗衣机后,就可以去干别的事了,不必等到衣服洗好后再做别的事。
而浏览器的异步交互就体现在:当我向服务器发送一个请求时,此页面可以做别的事


与浏览器的同步区别

传统的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,比如:

  1. 自动匹配
  2. 输入值校验
  3. 级联显示
  4. 提交是为了页面数据的显示
原文链接:https://www.f2er.com/ajax/160769.html

猜你在找的Ajax相关文章