1. AJAX with ASP:
以下是一个使用 AJAX 与 ASP 页面进行交互的简单示例。在这个例子中，我们使用一个简单的 ASP 页面（例如 example.asp），该页面返回当前时间。
<!-- HTML 页面 -->
<!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 Example</title>
</head>
<body>
<h1>Current Time:</h1>
<p id="currentTime"></p>
<script>
// 使用 AJAX 请求 ASP 页面
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.asp', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功，更新页面内容
document.getElementById('currentTime').innerHTML = xhr.responseText;
}
};
xhr.send();
</script>
</body>
</html>
<!-- ASP 页面（example.asp） -->
<%
' 返回当前时间
Response.Write(Now())
%>
在这个例子中，当页面加载时，通过 AJAX 请求 example.asp，并在成功时更新页面上的元素显示当前时间。
2. AJAX with PHP:
以下是一个使用 AJAX 与 PHP 页面进行交互的简单示例。在这个例子中，我们使用一个简单的 PHP 页面（例如 example.php），该页面返回当前时间。
<!-- HTML 页面 -->
<!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 Example</title>
</head>
<body>
<h1>Current Time:</h1>
<p id="currentTime"></p>
<script>
// 使用 AJAX 请求 PHP 页面
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.php', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功，更新页面内容
document.getElementById('currentTime').innerHTML = xhr.responseText;
}
};
xhr.send();
</script>
</body>
</html>
<!-- PHP 页面（example.php） -->
<?php
// 返回当前时间
echo date("Y-m-d H:i:s");
?>
在这个例子中，当页面加载时，通过 AJAX 请求 example.php，并在成功时更新页面上的元素显示当前时间。
请注意，这些示例是基于简单的场景，实际中你可能需要处理更复杂的交互、安全性和错误处理。确保在生产环境中进行适当的安全性检查和验证。
转载请注明出处：http://www.zyzy.cn/article/detail/13183/AJAX