JS封装HTML <scrtpt type ="text/HTML"> JSPOP跨域请求
来源：互联网 发布：留学费用低国家知乎 编辑：程序博客网 时间：2024/06/05 00:45
在实际开发过程中可能会遇到，用 Ajax或和JSOP（可跨域请求）后台数据，然后利用JSONP格式返回来后在前端显示，最笨的方法就是用一个
var html="<div>...</div>"
然后采用 $(".#id").append(html);的形式进行append到对应的容器当中去，这种方式比较死板，不利于templte的维护，下面介绍另外一种方法供参考（熟悉react的课绕道，大神亦可忽略）
上面是简化后的模板（仅供参考），注意[pid]是我最终需要用json里面的数据替换的
访问API获取数据（采用原生js，也可以用Jquery。都是一眼的）
最后插入到对应地方即可，欢迎提问
然后采用 $(".#id").append(html);的形式进行append到对应的容器当中去，这种方式比较死板，不利于templte的维护，下面介绍另外一种方法供参考（熟悉react的课绕道，大神亦可忽略）
<script type="text/html" id="relateProBox-tmpl"><li style="float: left;"><p class="catProCont"><a href="" title="XXX"><img id="triggerPicId"[pid] width="80" height="80" alt="" /></a></p><a href="URL" title="Desc" class="proName">TTTTTTT<span class="hlNew"></span></a></li>
上面是简化后的模板（仅供参考），注意[pid]是我最终需要用json里面的数据替换的
访问API获取数据（采用原生js，也可以用Jquery。都是一眼的）
最后插入到对应地方即可，欢迎提问
0 0
- JS封装HTML <scrtpt type ="text/HTML"> JSPOP跨域请求
- <script type="text/html"></script> js模版使用
- AFNetWorking请求时， “Request failed: unacceptable content-type: text/html”
- eclipse script type="text/html"
- <input type="text"> and <html:text> 禁止复制
- content-Type:text/plain和text/html
- php的content-type=text/html问题
- php的content-type=text/html问题
- header("Content-Type:text/html;charset=utf-8");
- header('Content-Type: text/html; charset=utf-8');
- header('Content-Type: text/html; charset=utf-8');
- header("Content-type:text/html;charset=gb2312");
- header("Content-type:text/html;charset=utf-8")含义
- header(Content-Type:text/html;charset=GBK')
- HTML页面的<script type="text/javascript">含义。
- header("Content-type:text/html;charset=utf-8");
- header("Content-type:text/html;charset=utf-8")含义
- 在<script type="text/html">中定义变量
- Android Studio 布局无法预览,显示为空白的一个原因
- 数字三角形（顺推二维版）
- ThreadLocal源码分析
- Linux内核中的FILE文件数据结构和dup,dup2函数
- 10015---SpringSecurity---快速体验
- JS封装HTML <scrtpt type ="text/HTML"> JSPOP跨域请求
- [RealSense]2-实感摄像头与SDK
- Palindrome Linked List(回文链表）
- Django-视图与网址
- 对称矩阵特征向量正交推导
- 各种数论问题汇集
- java中的缓存机制（2）--使用Hibernate的缓存方法
- bootstrap图片
- jvm-监控指令-jstack
