从通过ajax检索的div中执行javascript
我有下面的代码,我希望访问div中的一组动态表单。如果我将表单移动到与javascript相同的页面上,如何实现这一点。它可以正常工作,但是当通过ajax将页面请求到div中时,表单不会访问javascript从通过ajax检索的div中执行javascript,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,我有下面的代码,我希望访问div中的一组动态表单。如果我将表单移动到与javascript相同的页面上,如何实现这一点。它可以正常工作,但是当通过ajax将页面请求到div中时,表单不会访问javascript <script> $(function() { $('form.frm_details').on('submit', function(event) { event.preventDefault(
<script>
$(function() {
$('form.frm_details').on('submit', function(event) {
event.preventDefault();
$.ajax({
url: '/limitless/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 webapp_get_customers(xy){
$.ajax({
type: 'GET',
url: '/limitless/SWAG',
dataType: 'html'
}).done(function( data ) {
$('#webapp_get_customers').html(data);
});
}
webapp_get_customers();
</script>
<div id='webapp_get_customers'></div>
$(函数(){
$('form.frm_details')。关于('submit',函数(事件){
event.preventDefault();
$.ajax({
url:“/limitless/functions2.php”,
键入:“post”,
数据类型:“json”,
数据:$(this).serialize(),
成功:功能(数据){
如果(data.status==“1”)
{
$('#info').addClass('alert-alert-danger-no-border').html(data.message);
}
如果(data.status==“2”)
{
$('#info').addClass('alert-alert-danger-no-border').html(data.message);
}
}
});
});
});
功能webapp_获取_客户(xy){
$.ajax({
键入:“GET”,
url:“/limitless/SWAG”,
数据类型:“html”
}).完成(功能(数据){
$('#webapp_get_customers').html(数据);
});
}
webapp_获取_客户();
当您有这样的内容时,您基本上会在第一次加载页面时将事件侦听器附加到DOM中的每个表单。frm\u details
:
$('form.frm_details').on('submit', function(event) {
...
});
问题是,当您加载新的表单.frm_details
元素时,它们不会附加此事件。解决此问题的一种方法是为父元素提供事件处理程序,例如主体
。考虑这样的事情:
$('body').on('submit', 'form.frm_details', function(event) {
...
});
当您有这样的内容时,您基本上会在页面首次加载时将事件侦听器附加到DOM中的每个
表单.frm_details
:
$('form.frm_details').on('submit', function(event) {
...
});
问题是,当您加载新的表单.frm_details
元素时,它们不会附加此事件。解决此问题的一种方法是为父元素提供事件处理程序,例如主体
。考虑这样的事情:
$('body').on('submit', 'form.frm_details', function(event) {
...
});
您应该始终将脚本放在onload事件侦听器中。我可以在div中看到内容,我希望能够提交表单,但它仍然验证您在这里有一些ajax请求。。。哪些人正在返回已死亡的脚本?也,返回的数据是死掉的脚本,还是撒了javascript的html?问题的纸条是webapp_get_客户,它只检索纯html内容和一些表单以及脚本表单。表单详细信息检查表单,并在表单提交时提交表单。基本上,您可以使用ajax将新表单加载到页面,但当您在这些新表单上单击“提交”时,它们不会提交?您应该始终将脚本放在一个onload事件侦听器中。我可以在div中看到内容,我希望能够提交表单,但它仍然验证您在这里有一些ajax请求。。。哪些人正在返回已死亡的脚本?也,返回的数据是死掉的脚本,还是撒了javascript的html?问题的纸条是webapp_get_客户,它只检索纯html内容和一些表单以及脚本表单。表单详细信息检查表单,并在表单提交时提交表单。基本上,您可以使用ajax将新表单加载到页面,但当您在这些新表单上单击“提交”时,它们不会提交?是否有机会获得如何将其附加到dom@Nathan你到底是什么意思?你尝试过我的解决方案吗?我只是不确定我需要在哪里添加你的答案有没有机会看到我如何实现这一点我不知道你对哪一部分感到困惑;在我的示例中,我展示了要替换的代码。是否有机会获得如何将其附加到dom@Nathan你到底是什么意思?你尝试过我的解决方案吗?我只是不确定我需要在哪里添加你的答案有没有机会看到我如何实现这一点我不知道你对哪一部分感到困惑;在我的示例中,我展示了要替换的代码。