ajax简介
Posted 自学web网页前端
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax简介相关的知识,希望对你有一定的参考价值。
AJAX = 异步 javascript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。
AJAX是基于现有的Internet标准,并且联合使用它们:
XMLHttpRequest 对象 (异步的与服务器交换数据)
JavaScript/DOM (信息显示/交互)
CSS (给数据定义样式)
XML (作为转换数据的格式)
AJAX主要分为四步:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function loadXMLDoc() {
/*1.创建对象*/
var xml
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xml = new XMLHttpRequest();
}
else {
// IE6, IE5 浏览器执行代码
xml = new ActiveXObject("Microsoft.XMLHTTP");
}/*兼容浏览器*/
/*2.向服务器发送请求请求*/
xml.open('get', 'a.txt', true)
xml.send()
/*3.执行一些基于响应的任务*/
xml.onreadystatechange = function () {
if (xml.readyState == 4 && xml.status == 200) {
/*4.接收数据*/
document.getElementById("myDiv").innerHTML = xml.responseText;
}
}
}
</script>
</head>
<body>
<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>
</body>
</html>
AJAX需要服务器才可以运行,建议使用wampserver或WebStorm前端开发工具。
以上是关于ajax简介的主要内容,如果未能解决你的问题,请参考以下文章