Javascript 如果页面是通过ajax加载的，则在同一加载页面上提交表单

因此，我有一个PHP页面，它是使用.load方法通过AJAX加载的

这将显示在我的页面上，但是我需要能够提交位于我的第二个页面上的表单，我使用该表单加载。加载、提交此表单并在同一页面上处理数据，而无需重新加载

我对javascript和AJAX非常陌生，所以我不知道我是否使用.load（）正确地完成了这项工作

任何帮助都将不胜感激

第1页如下：

        
 <button onclick="Test()" type="button">Load Content</button>
 
 
 <div class="box" id="box" name="box">
        </div>
    
    
    
        <script>
function Test(id) {     
$( "#box" ).load( "test.php?id=" + id );
}
</script>

装载量
功能测试（id）{
$（“#box”）.load（“test.php？id=“+id”）；
}

第二个页面test.php包含以下内容

     <form id="enrolemployee" action="" method="post">
     
     
         <div class="form-group">
    <label>Test</label>
    <input type="text" class="form-control" id="Test" name="Test" placeholder="Test">
  </div>
  
  
    
         <input type="hidden" name="token" value="<?php echo Token::generate(); ?>">
          <button  type="submit" class="btn btn-outline-custom">Submit</button>
        
        
     </form>

试验
你可以这样做

index.php


加载内容
功能测试（id）{
$（“#box”）.load（“test.php？id=“+id”）；
}
将a添加到load调用中，并在其中使用
$（“#enrolemployee”）.on（'submit'，函数（e）{…}）
处理表单提交，就像不动态加载表单一样。在那里，像往常一样防止提交事件，然后按照您喜欢的方式处理表单数据。您还可以使用事件委派在加载表单之前设置表单提交处理。@ChrisG那么我可以自己提交表单吗？或者重新加载页面，我现在是否需要使用AJAX post请求提交此表单而不重新加载数据？如果是这样，我将向AJAX post请求传递哪些数据？是否有方法发布表单数据本身？在提交处理程序中，您可以使用类似于
$.post（“some_file.php”，$（this.serialize（））.done（function（reply）{…}）
，这将获取表单数据（因为
this
指向元素）并将其发布到PHP脚本中。