关于用Javascript向页面中引入html代码

[疾走喵]

请教各位大大，关于用js往页面中动态插入html代码，下面几个方法哪个比较好？
1.直接在js里，用字符串拼接，然后用$.html()或者append()命令插入到指定的div。这种方法我一般在html代码量很少的时候会用，但是之前看帖子，似乎说过这样不利于维护。
2.因为项目用的是asp.net mvc4 ，所以载入比较大的页面时，用的ajax发请求，通过action返回一个.cshtml页面，然后输出到指定的div中。
3.之前尝试过ajax的load方法，但是路径总是写不对。但是这个本质上是不是和第2条一样，都是发ajax请求？

现在我的疑惑是：①如果html代码量较少，比如是弹出一个dialog，里面填写几条数据，然后点“确定”或者“取消”这种，是应该把html代码写在js里呢，还是通过ajax去请求呢？如果是ajax的话，频繁请求会不会影响性能？
②除了我上面说的方法，还有没有更好的方法？

一直潜水，头一次发帖，可能问题有点蠢，但是确实是困惑了我很久的问题。希望各位大大不吝赐教。

[疾走喵]

引用 3 楼 functionsub 的回复:

自己百度一下javascript 模板引擎，随便找一个使用下就知道啦。 就是把模板写在前端，通过ajax从后台接口获取到数据后，再通过引擎的方法把数据塞进去，转换成最终的html，再把这html插入到页面里。 这样做就省了你自己拼接字符串了。

好的，我去搜搜看，以前好像简单用过。谢谢

[functionsub]

现在模板框架那么多，没必要让后端返回html、 另外接口只返回数据，也可以增加接口的复用性。不然你每次都返回html，那就只能在你的项目里用了，要么把样式也都复制给别人，另外一旦页面要做改动，还得前端切好图，写好样式，把对应的html给后端，这样太麻烦。

[疾走喵]

引用 1 楼 functionsub 的回复:

现在模板框架那么多，没必要让后端返回html、 另外接口只返回数据，也可以增加接口的复用性。不然你每次都返回html，那就只能在你的项目里用了，要么把样式也都复制给别人，另外一旦页面要做改动，还得前端切好图，写好样式，把对应的html给后端，这样太麻烦。

那可以举个例子给我说明一下吗？谢谢大大了。比如说用什么模板框架之类的，我好有个方向去查。接触前端不久，知识没什么积累。

[functionsub]

自己百度一下javascript 模板引擎，随便找一个使用下就知道啦。 就是把模板写在前端，通过ajax从后台接口获取到数据后，再通过引擎的方法把数据塞进去，转换成最终的html，再把这html插入到页面里。 这样做就省了你自己拼接字符串了。