PHP 局部刷新通常指的是在不重新加载整个页面的情况下，更新页面的某部分内容，这可以通过 AJAX 技术实现，AJAX 可以在后台与服务器进行少量数据交换，然后可以更新部分网页内容，而不需要重新加载整个页面。
1. 创建 PHP 文件
我们需要一个 PHP 文件来处理请求并返回数据，我们可以创建一个 data.php 文件，该文件返回一些静态数据：
<?php
$response = array(
'name' => 'John',
'age' => 30
);
echo json_encode($response);
?>
2. 使用 AJAX 发送请求
我们可以使用 JavaScript（具体地说是 AJAX）来发送请求到这个 PHP 文件，并获取返回的数据，以下是一个简单的例子：
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
</div>
<button type="button" onclick="loadDoc()">Change Content</button>
<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", "data.php", true);
xhttp.send();
}
</script>
</body>
</html>
在这个例子中，当用户点击按钮时，JavaScript 会发送一个 GET 请求到 data.php，然后将返回的数据显示在 #demo 元素中。
相关问题与解答
Q1: 如果我想在页面加载时自动执行 AJAX 请求，而不是在点击按钮后执行，我应该怎么办？
A1: 你可以将调用 loadDoc() 函数的代码放在 window.onload 事件处理器中，如下所示：
window.onload = loadDoc;
Q2: 我可以使用其他库或框架来实现 AJAX 吗？
A2: 是的，除了使用原生的 XMLHttpRequest 对象外，你还可以使用像 jQuery 的 $.ajax() 方法，或者像 AngularJS、React、Vue.js 这样的现代 JavaScript 框架提供的 HTTP 请求方法，使用 jQuery 的 $.ajax() 方法，你可以这样写：
$.ajax({
url: "data.php",
type: "GET",
success: function(result){
$("#demo").html(result);
}
});
原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/587657.html
本网站发布或转载的文章及图片均来自网络，其原创性以及文中表达的观点和判断不代表本网站。如有问题，请联系客服处理。
发表回复