Ajax

(Asynchronous  JavaScript And Xml)

允许浏览器与服务器通信,同时不刷信息页面。浏览器内置。

Ajax是一种用于创建更好更快交互性更强的web应用程序的技术。基于javascript xml html css 。主要用到JavaScript

局部刷新页面。核心是XMLHttpRequest对象,发送请求到服务器并接收返回结果。

浏览器与服务器异步交互:浏览器通过Ajax引擎发出请求,Ajax引擎再向服务器发出请求,服务器响应给Ajax引擎,同时浏览器只专注自己的事情,等待Ajax引擎的回应。

浏览器与服务器同步交互:浏览器直接向服务器发出请求,如果服务器没处理完给出回应,浏览器就一直处于等待状态。

XmlHttpRequest对象的创建:

通常把它写在一个js文件里,需要用的时候引入文件。

在script标签中,写在页面加载事件里

方法:

1.open(方法post|get,URL?name=value&,是否为异步true|false);默认值是true(异步)

建立与服务器的连接。

2.send(content);

发送请求。

请求方式是post时,把请求正文写上;是get时,写null。

3.setRequestHeader(header,value);

设置请求消息头。

属性:(都是只读的)

readyState:XMLHttpRequest的状态信息。

0没有完成初始化,刚刚创建。1调用来open,还没有调用send,请求还没发出。2send已经调用,请求已经提交到服务器,但是没有响应。3对象开始读取响应,还没有结束。4对象读取响应结束。

status:服务器端的响应码。

200正常。400找不到请求的资源。403无权访问。404资源不存在。500服务器内部错误。

responseText:接收响应信息。

事件

对象.onreadystatechange=function(){}

当readyState发生变化时,它被触发。(当XMLHttpRequest创建时,该事件已经被触发)


指定回调函数。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 8,628评论 0 7
  • 大家好,我是IT修真院深圳分院第3期的学员,一枚正直纯洁善良的前端程序员,今天给大家分享一下,修真院官网前端工程师...
    大大头大阅读 12,360评论 1 72
  • 要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就...
    亲爱的翔子阅读 3,388评论 0 0
  • 前言 总括: 本文讲解了ajax的历史,工作原理以及优缺点,对XMLHttpRequest对象进行了详细的讲解,并...
    秦至阅读 4,447评论 0 19
  • 最近在追新番《四重奏》,最开始看推介,以为是室内乐相关剧集,于是抱着看《交响情人梦》的轻松心情在B站点开。受到类似...
    魏谜底阅读 4,496评论 0 10