如您所见,此代码从表单中获取值,并将它们放在数据库中。根据结果,它返回" False"或者"成功!"。
我唯一能理解的是,这个jQuery函数如何在不重新加载页面的情况下显示结果。 '信息'没有附加到PHP文件中的任何内容。
PHP来源: include_once(' db.php中&#39); $ name = $ _POST [' name']; $ age = $ _POST [' age'];
$query = $conn->query("INSERT INTO user VALUES('$name','$age')");
if($query) {
echo 'Success!';
} else {
echo 'Fail';
}
Javascript来源
$("#sub").click(function(){
$.post(
$("#myForm").attr("action"),
$("#myForm :input").serializeArray(),
function(info){
$("#result").html(info);
});
clearInput();
});
答案 0 :(得分:5)
在jQuery Ajax以及.post()上阅读一点。
基本上,Ajax请求意味着Javascript会向服务器执行新请求,而无需重新加载页面。通常,它会加载一个只包含JSON或XML数据的特殊页面,但它可以是您喜欢的任何格式。这对于更新页面内容而不修改页面上的任何其他内容非常有用。很多网站都使用这个,所以学习它会对你可能做的任何未来的Web开发有所帮助。
在代码中,info
是对服务器的XMLHttpRequest请求成功回调的参数。它将填充从后台请求返回到PHP服务器的数据。
答案 1 :(得分:2)
我唯一无法理解的是,这个jQuery函数如何在不重新加载页面的情况下显示结果。
https://en.wikipedia.org/wiki/Ajax_(programming)& https://en.wikipedia.org/wiki/XMLHttpRequest
使用Ajax,Web应用程序可以异步(在后台)向服务器发送数据和从服务器检索数据,而不会干扰现有页面的显示和行为。可以使用XMLHttpRequest对象检索数据。