//的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的新手,所以请尽可能对我的代码进行编辑
提前致谢