阅读量:0
要在PHP中使用Ajax实现局部刷新，你需要遵循以下步骤：
- 创建一个HTML文件（例如：index.html）：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Ajax Example</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <h1>Ajax Example</h1> <button id="loadData">Load Data</button> <div id="content"></div> <script> $(document).ready(function() { $("#loadData").click(function() { $.ajax({ url: 'load_data.php', // PHP文件的路径 type: 'GET', success: function(response) { $("#content").html(response); }, error: function() { alert("Error loading data."); } }); }); }); </script> </body> </html> - 创建一个PHP文件（例如：load_data.php）：
<?php // 在这里编写你的PHP代码，例如从数据库获取数据 $data = '<h2>Data loaded from PHP file</h2>'; echo $data; ?> 在这个例子中，我们使用了jQuery库来简化Ajax请求。当用户点击"Load Data"按钮时，JavaScript代码会发送一个Ajax请求到load_data.php文件。成功获取数据后，将返回的HTML内容插入到#content元素中，实现局部刷新。
