提交表单(在div内)时刷新div(由jquery填充)

Question

这是我的设想。我有一个“母版页(Course_Maintenance.php)”，上面有两个div。第一个是从Course_Maintenace.php上的代码中填充的。第二个div使用以下方法填充：

$(document).ready(function() {
    $("select[id='SelectCourse']").change(function() {
        var link = 'CourseTeeInfo.php?CourseID='+$(this).val();
        $('#CourseTeeInfo').load(link);
    })
});

CourseTeeInfo.php页面有一个填充和工作完美的表单。我在页面上使用了一个分级系统：

        // Get stage of form 
    if(!isset($_POST['btn_submit']) || !$_POST['btn_submit']) { $stage=0; }
    if(isset($_POST['btn_submit']) && $_POST['btn_submit'] == 'submit') { $stage=1; }   

因此，一旦表单被填写并验证，我将使用javascript来更改btn_submit的值，以返回到表单，使用PHP写到MySQL数据库：

            function ValidateForm() {
            if(!noErrors2()) { alert("You must fix errors on page before submitting"); }
            document.getElementById('btn_submit').value = "submit";
            document.TeeInfo.submit();
        }

目前，我的阶段2只是将$_POST变量回显到屏幕上。如果我直接调用CourseTeeInfo.php，所有这些都能工作。但是，当我在Course_Maintenace上的div中单击表单上的更新按钮(它会触发Course_Maintenace() javascript)时，div刷新到一个空白屏幕，而不是$_POST变量显示(因为它直接运行)。

任何有关如何在父窗口(Course_Maintenace.php)中正确地刷新div的见解都将受到极大的赞赏。我只想让div与直接调用的表单完全一样工作。我的目标是，在我成功地编写记录(在$stage=1中)之后，我将重新加载表单(再次)，返回到$stage=0，后者将得到新的/更新的信息。

提前谢谢你的帮助。

Answer 1

我稍微改变了方法，并使用jQuery AJAX调用写入MySQL数据库(而不是重新加载表单)。写入记录后，我只需使用jQuery .load函数刷新div。