AJAX 基础
一.AJAX 简介 什么是 AJAX ？ AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。 这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 二.AJAX XHR 1.AJAX - 创建 XMLHttpRequest 对象 XMLHttpRequest 是
var xmlhttp;
if (typeof xmlhttp == "undefined") {
if (window.XMLHttpRequest) {
// code for IE7+,Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6,IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var jsonText = xmlhttp.responseText;
var jsonObject = JSON.parse(jsonText);
if (!(typeof jsonObject == "object"
&& Object.prototype.toString.call(jsonObject).toLowerCase() == "[object object]"
&& !jsonObject.length)) {
alert(1);
jsonObject = eval("(" + json + ")");
}
alert(jsonObject.success);
}
}
xmlhttp.open("GET","role.do?action=list",true);
xmlhttp.send();
var xmlhttp;
function loadXMLDoc(url,cfunc) {
if (window.XMLHttpRequest) {// code for IE7+,Safari
xmlhttp = new XMLHttpRequest();
} else {// code for IE6,IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = cfunc;
xmlhttp.open("GET",true);
xmlhttp.send();
}
function myFunction() {
loadXMLDoc("/ajax/test1.txt",function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
}
});
}
原创声明
本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
服务热线 19970861797
