Php 将通过AJAX上传到DIV中的变量传递到同一个DIV中,并用结果替换内容

Php 将通过AJAX上传到DIV中的变量传递到同一个DIV中,并用结果替换内容,php,javascript,jquery,html,ajax,Php,Javascript,Jquery,Html,Ajax,我目前有一个表单结果,它是在通过PHP进行提交解析时将页面上的表单更新到DIV中的。PHP文件生成另一个表单,然后我需要将其传递给另一个PHP,并使用结果更新先前所在的DIV 这是我的HTML: <div id="content"> <div id="options"> <form id="form1"> <table> <tr> <td>Date:</td

我目前有一个表单结果,它是在通过PHP进行提交解析时将页面上的表单更新到DIV中的。PHP文件生成另一个表单,然后我需要将其传递给另一个PHP,并使用结果更新先前所在的DIV

这是我的HTML:

 <div id="content">
  <div id="options">
    <form id="form1">
      <table>
        <tr>
          <td>Date:</td>
          <td><input name="date" type="text" id="datepicker" /></td>
        </tr>
        <tr>
          <td>Size:</td>
          <td><input name="size" type="text" /></td>
        </tr>
        <tr>
          <td colspan="2"><input name="submit" type="submit" value="Submit"/></td>
        </tr>
      </table>
    </form>
  </div>
  <div id="result"> </div>
</div>
以及我的AJAX脚本,以将此表单的结果加载到DIV“result”中

    <script>
            $(function() { 
            $('#form1').submit(function(e) {
                e.preventDefault(); // stops form from submitting naturally
                $.ajax({
                    data: $(this).serialize(),
                      url: 'ajax/ajax-details.php',
                      success: function(response) {
                          $('#result').html(response); 
                      }
                  });
              });
             });
     </script>
我希望解析的PHP文件名为“ajax/ajax info.PHP”,我希望传递信息的表单名为id='info'

我想我现在的剧本就快完成了

    <script>
            $(function() { 
            $('#info').submit(function(e) {
                e.preventDefault(); // stops form from submitting naturally
                $.ajax({
                    data: $(this).serialize(),
                      url: 'ajax/ajax-info.php',
                      success: function(response) {
                          $('#result').html(response); 
                      }
                  });
              });
             });
     </script>          
任何关于如何更改它或在任何文件中找到它以使其工作的帮助都将不胜感激

必须使用live函数在动态显示的DOM元素上设置事件

<script>
        $(function() { 
        $('#info').live('submit', function(e) {
            e.preventDefault(); // stops form from submitting naturally
            $.ajax({
                data: $(this).serialize(),
                  url: 'ajax/ajax-info.php',
                  success: function(response) {
                      $('#result').html(response); 
                  }
              });
          });
         });
 </script>  

什么是信息?在标记中,表单的id为forminfo,forminfo是通过对DIV“results”的第一次AJAX调用生成的表单的id。然后我想将此表单的变量传递到'ajax/ajax info.php',然后再次将结果输出到DIV'results'中。我将尝试一下,我将把这个脚本放在哪里。打开加载到的PHP文件,还是主HTML?为帮助干杯。在主HTML上。顺便说一句,你挂起两个相同的事件,它可以这样做:$'form1,info'。live'submit',function{但是每次都会将其提交到同一个PHP文件中,不是吗?我需要第一次调用“ajax details.PHP”,然后将该表单输出到每个“ajax info.PHP”。是的,没有注意到,这个$this.attr'action'而不是地址如何?我在“action”中放了什么?我对这方面很新,但为帮助干杯!