我不熟悉使用 jQuery 来处理 AJAX,并且编写了一个基本脚本来了解基础知识。目前我正在向同一个文件发送 AJAX 请求,我希望根据该 AJAX 调用的结果进行一些额外的处理。
这是我的代码:
**/*convertNum.php*/**
$num = $_POST['json'];
if (isset($num))
echo $num['number'] * 2;
?>
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<style type="text/css">
td {border:none;}
</style>
</head>
<body>
<table width="800" border="1">
<tr>
<td align="center">Number To Send<br /><input type="text" id="numSend" size="40%" style="border:2px solid black;"></td>
<td align="center">Number Returned<br /><input type="text" id="numReturn" size="40%" readonly></td>
</tr>
<tr><td align="center" colspan="4"><input type="button" value="Get Number" id="getNum" /></td></tr>
</table>
<script>
$(document).ready(function () {
$('#getNum').click(function () {
var $numSent = $('#numSend').val();
var json = {"number":$numSent};
$.post("convertNum.php", {"json": json}).done(function (data)
{
alert(data);
}
);
});
});
</script>
</body>
</html>
这是我提交数字“2”后得到的响应:
4
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<style type="text/css">
td {border:none;}
</style>
</head>
<body>
<table width="800" border="1">
<tr>
<td align="center">Number To Send<br /><input type="text" id="numSend" size="40%" style="border:2px solid black;"></td>
<td align="center">Number Returned<br /><input type="text" id="numReturn" size="40%" readonly></td>
</tr>
<tr><td align="center" colspan="4"><input type="button" value="Get Number" id="getNum" /></td></tr>
</table>
<script>
$(document).ready(function () {
$('#getNum').click(function () {
var $numSent = $('#numSend').val();
var json = {"number":$numSent};
$.post("convertNum.php", {"json": json}).done(function (data)
{
alert(data);
}
);
});
});
</script>
</body>
</html>
显然我只对接收和使用数字“4”感兴趣,因此我的问题是:准确指定我想要返回的数据的最佳方法是什么?
我的一些想法:
- 将我所有的 HTML 包装在一个 if 语句中(即,如果设置了 $num,则不输出 html;否则输出 HTML)但我会回应 HTML,我宁愿不这样做。
- 设置一个单独的 PHP 脚本来接收我的 AJAX 调用:那是我最初所做的,而且效果很好。但是,我对将所有内容都保存在一个文件中很感兴趣,并且想探索这样做的可能方法。
我确信有一种优雅的方法可以做到这一点。感谢您的任何建议!
最佳答案
优雅的方法是拥有一个单独的 (!) PHP 文件,它只会输出当前 PHP 的 number times 2
部分。然后您从当前的 PHP 生成一个 AJAX 请求到新的单独的 PHP。
关于php - 使用 jQuery 的 AJAX 请求回调,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17973386/