史上最全的Ajax(ajax是什么使用原理以及post和get的区别)

一.ajax是什么?

ajax 全称 Asynchronous JavaScript and XML(异步JavaScript和XML),其本质是在HTTP协议的基础上以异步的方式与服务器进行通信。

(异步:指某段程序执行时不会阻塞其他程序的执行,其表现形式为程序的执行顺序不依赖程序本身书写顺序,而同步相反)

二.ajax的使用原理

ajax是使用XMLHttpRequest对象异步发送请求;

由于XMLHttpRequest是对象所以在使用时先“new”;

(一般来说,所有是对象的使用先new)

注意:

•ajax使用XMLHttpRequest对象异步发送请求,是整个ajax技术中的核心•XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新

•创建 XMLHttpRequest 对象:var xhr=new XMLHttpRequest();

•请求API(向服务器发送请求)

–open(method,url,async)   规定请求的类型、URL 以及是否异步处理请求

  说明:async : true(异步),false(同步)

–send(string)   将请求发送到服务器

–setRequestHeader()  设置请求头

ajax的工作原理:

三、ajax的使用及实现步骤

(1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象.

(2) 打开链接,(HTTP请求的方法、URL及验证信息).

(3)发送HTTP请求.

(4)添加监听(监听服务器响应).

以下步骤:

(1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象.(必写部分)

ActiveXObject为IE;此处考虑到了兼容问题

(2)打开链接,(HTTP请求的方法、URL及验证信息)

这个地方POST和GET请求不一样

(3)发送HTTP请求.

这个地方POST和GET请求不一样

(4)添加监听(监听服务器响应)

注意:responseText获取字符串形式的数据

          responseXML获取XML形式的数据

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

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,820评论 1 45
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,067评论 19 139
  • 大家好,我是IT修真院深圳分院第3期的学员,一枚正直纯洁善良的前端程序员,今天给大家分享一下,修真院官网前端工程师...
    大大头大阅读 7,867评论 1 72
  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,325评论 0 7
  • (一) 海晏河清,国泰民安,一派盛世之景。百姓发了财,皇帝发了财,城隍爷也跟着过上了好日子。官...
    只瞻前阅读 298评论 0 0