php - 如何在另一个使用 Javascript .load() 加载的 PHP 页面中运行/执行表单而不刷新父 PHP 页面？

Question

很抱歉标题很长，但这正是我要找的。

我有一个 PHP 页面（我们称之为父页面），它使用以下代码在一个 div 中加载另一个（子页面）：

$("#compose_inputandoptions").load("compose_inputandoptions.php");

在名为“compose_inputandoptions.php”的子页面中，我有一个这样的表单：

<?php>    
echo $_POST['option'];
?>
<form action="" method="post">
    <p>
    <input type="text" name="option" />
    <input type="submit" value="Valider" />
    </p>
</form>

当我提交子页面中的表单
而不刷新父页面时，如何获取子页面中 $_POST['option'] 的值？

非常感谢您的帮助！

Answer 1

Ajax POST 提交到您的撰写页面并将结果加载到 div 中：

$.post("compose_inputandoptions.php",
       {option : "something"},
       function(data) { $('#compose_inputandoptions').html(data);},
       "html");

Answer 2

。加载（）

如果数据作为对象提供，则使用 POST 方法；否则，假定为 GET。

$('#compose_inputandoptions')
    .load('compose_inputandoptions.php',{
        option : 'foo'
    });

---

要提交表单并刷新加载的子项，请执行$.post(). 在问题中没有提供任何其他详细信息的情况下，我将处理程序附加到document父级的处理程序并一般收听表单。

$(document).on('submit','form',function(){

    //reload child content
    $.post('compose_inputandoptions.php',{
        option : 'foo'
    },function(html){
        $('#compose_inputandoptions').html();
    });

    return false;
});