我需要用 ajax 调用生成的 html 替换页面中 div 的内容。
问题是 html 中有一些必要的脚本,并且 jquery html() 函数似乎将它们删除了,
我需要过滤响应并只获取特定的 div。
我正在考虑一种解决方法,即从 ajax 响应中提取所有脚本标签,然后将它们附加到 DOM,但我在这样做时遇到了麻烦。
这是我的代码;
$('a.link-vote').live('click',function(){
var idfeedback = $(this).attr('id').split('-')[1];
var href = $(this).attr('href');
$('.feedback-' + idfeedback + '-loader').show();
$.ajax({
type: "POST",
url: href,
success: function(response){
var x = $(response).find('#feedback-'+ idfeedback).html();
$('.feedback-' + idfeedback + '-loader').hide();
$('#feedback-'+ idfeedback).html(x);
}
});
return false;
});
我发现了这个老话题:jQuery - HTML 中的脚本标签被 jQuery 解析出来并且不被执行 https://stackoverflow.com/questions/2699320/jquery-script-tags-in-the-html-are-parsed-out-by-jquery-and-not-executed
但这是任何结论。我尝试了那里建议的解决方案,但没有一个有效。
编辑:
我似乎找到了一个基于旧主题的解决方法,但它并不漂亮;
var dom = $(response);
// var x = $(response).find('#feedback-'+ idfeedback).html();
$('.feedback-' + idfeedback + '-loader').hide();
//$('#feedback-'+ idfeedback).html(x);
$('#feedback-'+ idfeedback).html(dom.find('#feedback-'+ idfeedback).html());
dom.filter('script').each(function(){
var obj = $(this);
$('#feedback-'+ idfeedback + ' .feedback-comments').append(obj);
});
一定有一个简单的方法。
编辑:我累了,没有思考。你直接用原生的就可以了innerHTML
方法而不是.html()
:
$('#feedback-' + idfeedback)[0].innerHTML = x;
原答案:
我的预感是,您链接的答案对您不起作用,因为包含的脚本是用src
之间的属性而不是脚本内容<script>
and </script>
标签。这可能有效:
$.ajax({
url: 'example.html',
type: 'GET',
success: function(data) {
var dom = $(data);
dom.filter('script').each(function(){
if(this.src) {
var script = document.createElement('script'), i, attrName, attrValue, attrs = this.attributes;
for(i = 0; i < attrs.length; i++) {
attrName = attrs[i].name;
attrValue = attrs[i].value;
script[attrName] = attrValue;
}
document.body.appendChild(script);
} else {
$.globalEval(this.text || this.textContent || this.innerHTML || '');
}
});
$('#mydiv').html(dom.find('#something').html());
}
});
请注意,这尚未经过任何测试,可能会吃掉婴儿。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)