想知道是否可以这样加载HTML内容:
我在JS中有这段代码
var main = [{
title:'Title',
imageProject: 'images/t1.jpg',
content: 'page1.html'
},{
title:'Title2',
imageProject: 'images/t2.jpg',
content: 'page2.html'
},{
title:'Title3',
imageProject: 'images/t3.jpg',
content: 'page3.html'
}]
container = $('<div />', {class:'container'});
$.each(main, function(i, e){
var item = $('<div />', {
class:'item',
html:'<div><img src="' + e.imageProject + '" class="img-responsive" alt="' + e.title + '"><h2>' + e.title + '</h2></div>' +
'<div class="content"><p>' + e.content + '</p></div></div>'
})
container.append(item);
});
container.appendTo($('main'));这样做的目的是将一个HTML文件分配给变量content,以便在生成HTML结构的函数中使用。这有可能吗?
在此之前,非常感谢您。
发布于 2017-02-18 07:39:20
您可以使用ajax请求来获取html内容,看看这是否对Loading DIV content via ajax as HTML有帮助。
发布于 2017-02-18 07:57:35
正如vladwoguer上面所说的,Ajax请求是检索html页面内容的方法,但是您需要一些东西来服务您所请求的内容。
在服务器端,一个简单的PHP脚本就可以打开请求的文件并将内容回显为字符串,Jquery将以字符串常量的方式对其进行解释。
发布于 2017-02-18 09:45:42
让e.content成为一个以所需html页面作为其源的iframe标记如何?
您甚至可以在iframe的样式中添加"border: none“,这样它就可以更好地融入到页面中。要修改iframe中的页面,您必须跳过一些障碍(如果有必要的话),但这是可行的。
https://stackoverflow.com/questions/42309194
复制相似问题