[聚合文章] AJAX从入门到放弃

JavaScript 2017-12-19 21 阅读

AJAX简单介绍

AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术;AJAX = 异步 Javascript和XML;通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新,这意味着可以在不重新加载整个网页的情况下,对网页某部分进行刷新;传统网页(不使用AJAX)如果需要更新内容,必须重新加载整个网页。

AJAX的使用

  1. 创建对象

XMLHttpRequest 对象是 AJAX 的基础;所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。

为了兼容各个浏览器,我们应该先检查是否支持XMLHttpRequest,如果支持则创建;否则则创建ActiveXObject

//创建核心对象var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari    xmlhttp = new XMLHttpRequest();}else {// code for IE6, IE5    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}//设置回调函数xmlhttp.onreadystatechange = function () {    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {        alert(xmlhttp.responseText);    }}

XMLHttpRequest 常用属性方法

属性

  • onreadystatechange : 设置请求状态监听
  • responseText : 响应的文本
  • responseXML : 响应的XML
  • status : 服务器返回的状态码 success == 200
  • readyState : 请求状态码

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。