jQuery如何捕获PHP响应？

Question

如您所见,此代码从表单中获取值,并将它们放在数据库中.根据结果​​,它返回"False"或"Success!".

我唯一无法理解的是,这个jQuery函数如何在不重新加载页面的情况下显示结果.'Info'没有附加到PHP文件中的任何内容.

PHP源码:include_once('db.php'); $ 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();
});

Answer 1

阅读jQuery Ajax以及.post().

基本上,Ajax请求意味着Javascript会向服务器执行新请求,而无需重新加载页面.通常,它会加载一个只包含JSON或XML数据的特殊页面,但它可以是您喜欢的任何格式.这对于更新页面内容而不修改页面上的任何其他内容非常有用.很多网站都使用这个,所以学习它会对你可能做的任何未来的Web开发有所帮助.

在代码中,info是对服务器的XMLHttpRequest请求成功回调的参数.它将填充从后台请求返回到PHP服务器的数据.