php - 使用 HTML/JQuery/PHP 提交表单并返回值

Question

需要你的帮助...我的主页有 3 个 div，#Header、#Content、#Footer。所有其他页面都在 #Content div 内打开。在其中一个页面中，我有一个带有两个选择列表和一个提交按钮的表单。只需单击按钮，然后将另一个页面返回到#Content div，显示我之前选择的值。像这样:

原点是:1
命运是:1

但是这段代码返回以下内容...

Notice: Undefined variable: origin in ...
Notice: Undefined variable: destiny in ...

注意:如果我不打开 #Content div 内的页面

，则此方法有效

我的 HTML:

<form id="myform" name="myform" action="values.php" method="POST">
    <select id="origin" name="origin">
        <option value="0" selected>-- Select Origin --</option>
        <option value="1">Portugal</option></select>
    <select id="destiny" name="destiny">
        <option value="0" selected>-- Select Destiny --</option>
        <option value="1">Lisboa</option></select>
    <input id="btSubmit" name="btSubmit" type="submit" value="search!">
</form>

我的功能:

$(document).ready(function(){
    $('#btSubmit').click(function(e) {
        e.preventDefault();
        var url = $('#myform').attr('action');
        var method = $('#myform').attr('method');
    $.ajax({
        type: method,
        url: url,
        data: $('#myform').serialize(),
        success: $('#content').load(url)
        });
    });
});

我的values.php页面:

<?php
    if(isset($_POST['origin']) || isset($_POST['destiny'])) 
    {
        $origin = $_POST['origin'];
        $destiny = $_POST['destiny'];
    }
    echo 'The origin is:' . $origin . '<br>';
    echo 'The destiny is:' . $destiny;
?>

Answer 1

您不应该再次调用 load - 您实际上已经使用 $.ajax 调用了它并收到了结果。因此，您只需将它们显示在内容中:

success: function (data) {
    $('#content').html(data);
}