如何从服务器注入HTML？ [重复]

This question already has an answer here:

这个问题在这里已有答案:

使用JavaScript 6答案加载HTML模板

When using angular I can use ng-include to inject a piece of html from server into current position of the DOM.

使用angular时我可以使用ng-include将一段html从服务器注入到DOM的当前位置。

Is there a pure JavaScript library that would simulate the same thing?

是否有一个纯粹的JavaScript库可以模拟相同的东西?

I need this because I have a simple html page with a lot of ~modal dialogs~

我需要这个,因为我有一个简单的html页面,有很多〜模态对话框〜

<div class="modal fade" id="deposit-pm-modal" tabindex="-1" role="dialog">

which I'd like to extract into a separate .html files.

我想将其提取到单独的.html文件中。

Can I do this using jQuery only?

我可以只使用jQuery吗?

1 个解决方案

You can do that using jQuery .load()

你可以使用jQuery .load()来做到这一点

$("#divId").load("htmlurl.com/file.html")

This will load the html content in that particular DOM with id "divId"

这将加载id为“divId”的特定DOM中的html内容

You can do that using jQuery .load()

你可以使用jQuery .load()来做到这一点

$("#divId").load("htmlurl.com/file.html")

This will load the html content in that particular DOM with id "divId"

这将加载id为“divId”的特定DOM中的html内容