AJAX的全称是Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术。
AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换。AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。而传统的网页(不使用ajax)如果需要更新内容,必须重载整个网页面。
XMLHttpRequest对象
XMLHttpRequest对象是AJAX的基础,XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。目前所有浏览器都支持XMLHttpRequest。
XMLHTTPRequest的方法:
function get() {
//1.
let ajax = new XMLHttpRequest();
//2.
ajax.open("get", "/web/user/login.do?username=tom&password=123", true);
//3.
ajax.send();
//4.
ajax.onreadystatechange = () => {
if (ajax.readyState === 4 && ajax.status === 200){
//5.
console.log(ajax.responseText);
}
}
}
function post() {
let ajax = new XMLHttpRequest();
ajax.open("post", "/web/user/login.do");
//
ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
ajax.send("username=tom&password=123");
ajax.onreadystatechange = () => {
if(ajax.readyState === 4 && ajax.status === 200){
console.log(ajax.responseText);
}
}
}
原文:https://www.cnblogs.com/codeloong/p/14842981.html