码迷,mamicode.com
首页 > Web开发 > 详细

AJAX简介

时间:2019-12-29 23:52:57      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:通信   允许   font   new   标记   pos   优势   sof   情况   

一、什么是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缺点

  • 没有浏览历史,不能回退
  • 存在跨域问题
  • 对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() 方法

技术图片

 

 语法:

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请求

AJAX简介

标签:通信   允许   font   new   标记   pos   优势   sof   情况   

原文地址:https://www.cnblogs.com/nyw1983/p/11637886.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!