JavaWeb学习总结AJAX
AJAX（Asynchronous JavaScript and XML）是一种创建交互式网页的技术，可以实现页面的部分刷新，而不需要重新加载整个页面。
以下是一个简单的AJAX请求示例，使用JavaScript和jQuery实现：
<!DOCTYPE html>
<html>
<head>
<title>AJAX Example</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#myButton").click(function(){
$.ajax({
type: "POST",
url: "server.php",
data: {name: "John", location: "Boston"},
success: function(msg){
alert("Server replied: " + msg);
}
});
});
});
</script>
</head>
<body>
<button id="myButton">Send Request</button>
</body>
</html>在上述代码中，当按钮被点击时，会发送一个AJAX请求到server.php。请求类型为POST，发送了两个数据字段：name和location。成功收到响应后，会弹出一个包含服务器响应的警告框。
服务器端的server.php可能看起来像这样：
<?php
$name = $_POST['name'];
$location = $_POST['location'];
echo "Hello, $name from $location!";
?>这个简单的例子展示了如何使用AJAX发送数据到服务器并处理响应，而不需要刷新页面。
评论已关闭