DOM中的表单未提交

时间:2015-12-15 09:22:46

标签: javascript jquery ajax forms

//的index.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script>
            $(function() {
                $('form.frm_details').on('submit', function(event) {
                    event.preventDefault();
                    $.ajax({
                        url: 'functions2.php',
                        type: 'post',
                        dataType: 'json',                       
                        data: $(this).serialize(),
                          success: function(data) {
                               if(data.status == '1')
                                {
                                    $('#info').addClass('alert alert-danger no-border').html(data.message);
                                } 
                               if(data.status == '2')
                                {
                                    $('#info').addClass('alert alert-danger no-border').html(data.message);
                                }                               
                            }  
                    });
                });
            });
        </script>

        <script>
        function get_page(){
           $.ajax({
           type: 'GET',
           url: '/domcontent.php',
           dataType: 'html'
          }).done(function( data ) {
          $('#get_page').html(data);
          });
        }   
        get_page();
        </script>


        outside the dom
        <form   name='frm_details' class='frm_details' id='frm_details0' action=''>
        <input type='text' name='fname'>
        <input type='text' name='lname'>
        <input type='submit' value='Outside dome'>
        </form>

        <div id='get_page'></div>

// domcontent.php

inside the dom
<form   name='frm_details' class='frm_details' id='frm_details1' action=''>
<input type='text' name='fname'>
<input type='text' name='lname'>
<input type='submit' value='inside dom'>
</form>

我遇到了index.php和domcontent.php以上2个页面的问题,我的最终目标是能够使用同一条ajax代码从index.php和domcontent.php提交表单,这些都是两个相同的形式一个是新的,另一个是更新

问题是当从index.php提交表单frm_details0时,它会看到ajax并将表单提交给functions2.php我可以通过chrome网络开发人员工具看到这个工作,但是dom中的表单frm_details1通过ajax加载到索引.php没有提交甚至访问functions2.php如何使用index.php上的ajax提交在index.php提交的dom中加载表单

我是ajax的新手,所以请尽可能对我的代码进行编辑

提前致谢

0 个答案:

没有答案