jQuery如何捕获PHP响应?

时间:2014-08-15 19:48:05

标签: php jquery ajax

如您所见,此代码从表单中获取值,并将它们放在数据库中。根据结果​​,它返回" 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();
});

2 个答案:

答案 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对象检索数据。