使用AJAX和ASP：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AJAX with ASP</title>
</head>
<body>
<button onclick="getDataFromASP()">Get Data from ASP</button>
<div id="outputASP"></div>
<script>
function getDataFromASP() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.asp', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById('outputASP').innerHTML = xhr.responseText;
}
};
xhr.send();
}
</script>
</body>
</html>
在上述示例中，按钮点击后，JavaScript 函数 getDataFromASP 使用 XMLHttpRequest 对象向服务器发送 GET 请求，并在 onreadystatechange 事件中处理响应。服务器端的 ASP 文件（例如 example.asp）可以返回任何你想要在前端显示的数据。
使用AJAX和PHP：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AJAX with PHP</title>
</head>
<body>
<button onclick="getDataFromPHP()">Get Data from PHP</button>
<div id="outputPHP"></div>
<script>
function getDataFromPHP() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.php', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById('outputPHP').innerHTML = xhr.responseText;
}
};
xhr.send();
}
</script>
</body>
</html>
在上述示例中，按钮点击后，JavaScript 函数 getDataFromPHP 使用 XMLHttpRequest 对象向服务器发送 GET 请求，并在 onreadystatechange 事件中处理响应。服务器端的 PHP 文件（例如 example.php）可以返回任何你想要在前端显示的数据。
在实际应用中，这些后端文件通常会处理数据库查询、业务逻辑等，并返回相应的数据。确保你的服务器环境配置正确，以便可以运行ASP或PHP代码。
转载请注明出处：http://www.zyzy.cn/article/detail/4593/Ajax