AJAX简介

zhaolisha 2019-12-29

一、什么是AJAX

 AJAX全称Asynchronous JavaScript and XML,就是异步的 JavaScript 和 XML。

通过AJAX可以向浏览器发送异步请求,其最大的优势在于:在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。

AJAX 不是新的编程语言,不是一门独立的技术,而是一种使用现有标准的新方法。

AJAX 不需要任何浏览器插件,但是需要用户允许JavaScript在浏览器上执行。

二、理解XML

XML 是可扩展标记语言   

XML 与 HTML相比,XML更加严格没有自闭合标签,书写时必须加上结束标签

XML 被设计用来传输和储存数据

XML和HTML标签类似,不同的是HTML中都是预定义标签,XML中没有预定义标签,全都是自定义标签(非常随意),用来表示一些数据

三、AJAX的工作原理

相当于在用户层和服务器之间加了一个中间层(Ajax引擎),使用户操作与服务器响应异步化。

AJAX简介

特点:

 Ajax优点

  • 可以无需刷新页面而与服务器端进行通信;
  • 允许根据用户事件来更新部分页面内容;

Ajax缺点

  • 没有浏览历史,不能回退
  • 存在跨域问题
  • 对SEO不友好(搜索引擎优化)

四、创建XMLHttpRequest对象

所有服务器均支持XMLHttpRequest对象(IE5和IE6使用的是ActiveXObject)

XMLHttpRequest 用于在后台与服务器交换数据。表示可以在不重新加载整个网页的情况下,对网页的某个部分进行更新。

XMLHttpRequest 对象

所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

(一)创建XMLHttpRequest对象的语法:

变量名  variable = new XMLHttpRequest();

(二)IE5和IE6中使用ActiveX对象:

变量名  variable = new XMLHttpRequest("Microsoft.XMLHTTP");

五、向服务器发送请求

如果想将请求发送到服务器,使用XMLHttpRequest()  的 open() 和 send() 方法

AJAX简介

 语法:

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

这三个值分别表示(例如,xmlhttp.open("GET","ajax_info.text","true");):

  • method:请求的类型,GET或是POST;
  • url:文件在服务器上的位置;
  • async:true(同步)或 false(异步);

xmlhttp.send(string);  将请求发送到服务器

  • string:仅用于POST请求

相关推荐

mmywcoco / 0评论 2020-06-06