PHP AJAX 示例：使用 jQuery 发送数据到服务器
以下是一个简单的 PHP AJAX 代码示例，展示了如何使用 jQuery 将用户输入的数据发送到服务器，并接收处理后的结果：
index.php
<!DOCTYPE html>
<html>
<head>
<title>PHP AJAX 示例</title>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
<script>
$(document).ready(function(){
$("#submit").click(function(){
var name = $("#name").val();
var email = $("#email").val();
$.ajax({
type: "POST",
url: "process.php",
data: {name: name, email: email},
success: function(data){
$("#result").html(data);
}
});
});
});
</script>
</head>
<body>
<h1>PHP AJAX 示例</h1>
<form>
<label for='name'>Name:</label>
<input type='text' id='name' name='name'><br><br>
<label for='email'>Email:</label>
<input type='email' id='email' name='email'><br><br>
<input type='button' id='submit' value='Submit'>
</form>
<div id='result'></div>
</body>
</html>
process.php
<?php
if(isset($_POST['name']) && isset($_POST['email'])){
$name = $_POST['name'];
$email = $_POST['email'];
echo 'Hello ' . $name . '! Your email is ' . $email;
}
?>
在这个示例中，当用户点击'Submit'按钮时，jQuery 将获取输入框中的值，并将它们作为 POST 请求发送到 process.php 文件。process.php 文件将接收这些值，并将它们作为字符串返回给 AJAX 请求。最后，jQuery 将这个字符串插入到页面中的一个 div 元素中。
原文地址: https://www.cveoy.top/t/topic/f1Ah 著作权归作者所有。请勿转载和采集!