JavaScript AJAX 是一种使用 JavaScript 和 XMLHt
▥前端
𝄐 0
js中ajax完整例子,js.ajax,ajax实例详解,ajaxjson,js 实现ajax,js中$.ajax
JavaScript AJAX 是一种使用 JavaScript 和 XMLHttpRequest 对象来执行异步 HTTP 请求的技术。它允许网页在不必重新加载整个页面的情况下更新部分内容。以下是一个示例：
<html>
<head>
<title>AJAX Example</title>
<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
</script>
</head>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>
这个例子演示了如何创建一个简单的 AJAX 调用。当用户点击按钮时，loadDoc() 函数将使用 XMLHttpRequest 发送 GET 请求到 "ajax_info.txt" 文件，然后在 <div> 元素中显示响应内容。如果请求成功，onreadystatechange 事件处理程序将检查状态码是否为 200（表示“OK”），并将响应文本设置为 <div> 元素的 innerHTML。
JavaScript AJAX 是一种使用 JavaScript 和 XMLHttpRequest 对象来执行异步 HTTP 请求的技术。它允许网页在不必重新加载整个页面的情况下更新部分内容。以下是一个示例：
<html>
<head>
<title>AJAX Example</title>
<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
</script>
</head>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>
这个例子演示了如何创建一个简单的 AJAX 调用。当用户点击按钮时，loadDoc() 函数将使用 XMLHttpRequest 发送 GET 请求到 "ajax_info.txt" 文件，然后在 <div> 元素中显示响应内容。如果请求成功，onreadystatechange 事件处理程序将检查状态码是否为 200（表示“OK”），并将响应文本设置为 <div> 元素的 innerHTML。
本文地址：
/show-270276.html
版权声明：除非特别标注原创，其它均来自互联网，转载时请以链接形式注明文章出处。