这是一个非常基本的例子。我们从 HTML 页面上的表单开始。单击此按钮时,我们将激活一个 javascript 函数。
<html>
<form>
<input type="email" id="email-field" />
<input id="submitButton" type="submit" value="Submit" />
</form>
</html>
现在,这是由于单击按钮而激活的 javascript 函数。在内部,我们提取可能已在输入字段中填写的任何信息,ID 为“email-field”,然后通过 ajax 将其发送到服务器上的 php 文件。
$('#submitButton').click(function() {
var email = $('#email-field').val();
$.ajax({
type: 'POST',
url: './yourphpfilename.php',
data: {
email: email
}
}).done(function(data) {
console.log(data) // Will send you the result that is echoed in the PHP file
})
})
只要你在你的 ajax 请求中输入正确的 url 到你的 PHP 文件,你就可以很容易地接收到正在发送的数据,
<?php
if($_SERVER['REQUEST_METHOD'] == 'POST') {
$email = $_POST['email'];
echo 'I have received your request.';
}
为了发回数据,我在这里使用了 echo 命令。
尝试阅读一些关于 PHP 中 $_POST 变量的文档。注意我是如何调用 ['email'] 的。括号内的标识符与 js 文件中数据对象内的键直接相关。例如,假设我们决定在 js 文件中将我们的电子邮件密钥命名为不同的名称。
data: {
useremail: email
}
然后您只需像这样更改 PHP 代码,
$email = $_POST['useremail'];
刚开始这让我很困惑,如果你不知道它是如何工作的,有时甚至很难提出一个高质量的问题。不过,在未来,我至少会尝试发布一些代码来表明您尝试了该问题。