PHP + jQuery + Ajax 表单提交-同一页面返回结果

我想要以下内容：

用户通过单击 (index.php），表单输入由外部 PHP 文件处理（search.php），结果发布在原始页面（index.php）在一个 div 中。

我已经整理了大部分代码。它通过单击提交表单并将其发送到 PHP 脚本。

我现在需要的是 PHP 脚本的结果返回到原始页面（index.php).

到目前为止，这是我的代码：

function submit() {
    $(function() {
        var id = "id";
        var dataString = 'id=' + id;
        $.ajax({
            type: "POST",
            url: "inc/search.php",
            data: dataString,
            success: function() {
                goToByScroll("result");
                $('#result').html("<br><br><br><br><br><br><br><br><br><br><
                                   div class='center'><img src='img/loader.gif' /></div>").hide().fadeIn(2500, function() {
                $('#result').html("Finished");
                });
            }
        });
        return false;
    });
}

我的 PHP 文件（用于测试）是：

<?php function safe($value)
{
    htmlentities($value, ENT_QUOTES, 'utf-8');
    return $value;
}
if (isset($_POST['id'])) {
    $id = safe($_POST['id']);
    echo ($id);
}
elseif (!isset($_POST['id'])) {
    header('Location: error?id=notfound');
} ?>

我想得到结果search.php（在本例中为“id”）发布到#result，但我不知道如何：S

我想你几乎已经拥有了一切。您拥有的回调函数success需要一个参数来代表结果search.php

     success: function(res) {
             goToByScroll("result");
             $('#result').html("<br><br><br><br><br><br><br><br><br><br><div class='center'><img src='img/loader.gif' /></div>").hide().fadeIn(2500, function() {
                 $('#result').html(res + "<br /><br /> Finished");
             });
         } 

res一切输出都是search.php。 Echo、php 标签之外的内容等加载后您会看到的任何内容search.php itself.

我不知道你是否希望“完成”仍然存在。如果没有的话就把它拿出来。