首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用jquery加载HTML内容

使用jquery加载HTML内容
EN

Stack Overflow用户
提问于 2017-02-18 07:32:51
回答 3查看 905关注 0票数 0

想知道是否可以这样加载HTML内容:

我在JS中有这段代码

代码语言:javascript
复制
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结构的函数中使用。这有可能吗?

在此之前,非常感谢您。

EN

回答 3

Stack Overflow用户

发布于 2017-02-18 07:39:20

您可以使用ajax请求来获取html内容,看看这是否对Loading DIV content via ajax as HTML有帮助。

票数 1
EN

Stack Overflow用户

发布于 2017-02-18 07:57:35

正如vladwoguer上面所说的,Ajax请求是检索html页面内容的方法,但是您需要一些东西来服务您所请求的内容。

在服务器端,一个简单的PHP脚本就可以打开请求的文件并将内容回显为字符串,Jquery将以字符串常量的方式对其进行解释。

票数 0
EN

Stack Overflow用户

发布于 2017-02-18 09:45:42

让e.content成为一个以所需html页面作为其源的iframe标记如何?

您甚至可以在iframe的样式中添加"border: none“,这样它就可以更好地融入到页面中。要修改iframe中的页面,您必须跳过一些障碍(如果有必要的话),但这是可行的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42309194

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档