Ajax

作者: 柴不驼 | 来源:发表于2017-08-09 20:09 被阅读0次

(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

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

  • JavaScript进阶知识点--AJAX及JSON

    AJAX 关于 AJAX 什么是 AJAX AJAX 的全称是 Asynchronous JavaScript a...

  • HTML5权威指南 | 第五部分 高级功能

    三十二、使用AJAX(上) Ajax起步: 使用Ajax事件: Ajax请求的错误处理: 中止Ajax请求: 三十...

  • ajax学习笔记

    Ajax学习笔记 Ajax简介 1. Ajax是什么? Ajax : Asynochronous javascri...

  • AJAX

    一、简介 AJAX菜鸟教程 什么是 AJAX ? AJAX = 异步 JavaScript 和 XML。 AJAX...

  • js之AJAX复习

    异步交互和同步交互 什么是Ajax? Ajax的工作原理。 Ajax包含的技术: Ajax的缺陷: Ajax的核心...

  • 复习jQuery - ajax

    jQuery ajax - ajax() 方法 $.ajax({ url:'oo.php', ...

  • jQuery中Ajax请求的使用和四个步骤示例

    ajax() 方法用于执行 AJAX(异步 HTTP)请求,所有的 jQuery AJAX 方法都使用 ajax(...

  • ajax

    1、什么是ajax? 2、ajax的原理 3、ajax的核心对象 4、ajax的优点: ajax的缺点: 被jqu...

  • ajax

    Ajax 1 - 请求纯文本 Ajax 2 - 请求JSON数据 Ajax 3 - 请求Github接口 Ajax...

网友评论

      本文标题:Ajax

      本文链接:https://www.haomeiwen.com/subject/ygpqrxtx.html