Jquery动态替换div内容及动态展示的方法


Posted in Javascript onJanuary 23, 2015

本文实例讲述了Jquery动态替换div内容及动态展示的方法。分享给大家供大家参考。具体分析如下:

一、问题:

项目中需要在后台拼接html然后在前台通过ajax展示到div中:

sys_ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){

       //这里可以正确的展示html内容

          alert(json.htmlContent);

          $("#htmlContent").text(json.htmlContent);

       bind(json);

});

展示后发现,div中直接展示了html字符串内容,并没有解析其中的html,经过资料查询
jquery div的.text 是以文本形式添加内容的,展示的是具体的文本....
如果要想动态添加可解析的 html内容,需要使用 jquer div的 a.ppend 方法

二、正确的处理方法:

ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){

          //这里可以正确的展示html内容

          alert(json.htmlContent);

          var htmlContent = $("#htmlContent");

          htmlContent.append(json.htmlContent); 

       bind(json);

});

三、总结:

div .append  方法// 添加Html内容,动态解析
div Text:显示加载的文本内容,不解析

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
脚本收藏iframe
Jul 21 Javascript
jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
Oct 22 Javascript
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
让人蛋疼的JavaScript语法特性
Sep 30 Javascript
js获取字符串最后一位方法汇总
Nov 13 Javascript
javascript实现自动填写表单实例简析
Dec 02 Javascript
基于JavaScript的操作系统你听说过吗?
Jan 28 Javascript
JavaScript实现复制或剪切内容到剪贴板功能的方法
May 23 Javascript
Bootstrap页面标题Page Header的实现方法
Mar 22 Javascript
解决vue build打包之后首页白屏的问题
Mar 06 Javascript
js实现九宫格布局效果
May 28 Javascript
什么是SOLID
Mar 24 Javascript
AngularJS语法详解
Jan 23 #Javascript
JQuery选择器绑定事件及修改内容的方法
Jan 23 #Javascript
angular中使用路由和$location切换视图
Jan 23 #Javascript
JavaScript中的类与实例实现方法
Jan 23 #Javascript
PHP中CURL的几个经典应用实例
Jan 23 #Javascript
Javascript闭包用法实例分析
Jan 23 #Javascript
JavaScript学习笔记之Function对象
Jan 22 #Javascript
You might like
php引用地址改变变量值的问题
2012/03/23 PHP
PHP URL路由类实例
2013/11/12 PHP
php jquery 多文件上传简单实例
2013/12/23 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
PHP的伪随机数与真随机数详解
2015/05/27 PHP
使用javascript访问XML数据的实例
2006/12/27 Javascript
JS模拟面向对象全解(一、类型及传递)
2011/07/13 Javascript
jquery实现多级下拉菜单的实例代码
2013/10/02 Javascript
js获取当前月的第一天和最后一天的小例子
2013/11/18 Javascript
基于nodejs+express(4.x+)实现文件上传功能
2015/11/23 NodeJs
简单实现jQuery弹窗效果
2017/10/30 jQuery
Vuejs开发环境搭建及热更新【推荐】
2018/09/07 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
2018/09/27 Javascript
微信小程序swiper禁止用户手动滑动代码实例
2019/08/23 Javascript
JavaScript判断浏览器版本的方法
2019/11/03 Javascript
three.js 实现露珠滴落动画效果的示例代码
2021/03/01 Javascript
Python随机生成信用卡卡号的实现方法
2015/05/14 Python
python爬取w3shcool的JQuery课程并且保存到本地
2017/04/06 Python
python+mongodb数据抓取详细介绍
2017/10/25 Python
Python中安装easy_install的方法
2018/11/18 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
Pandas 缺失数据处理的实现
2019/11/04 Python
python opencv根据颜色进行目标检测的方法示例
2020/01/15 Python
python读取csv文件指定行的2种方法详解
2020/02/13 Python
python3跳出一个循环的实例操作
2020/08/18 Python
详解Python中的Lock和Rlock
2021/01/26 Python
video下autoplay属性无效的解决方法(添加muted属性)
2020/05/19 HTML / CSS
澳大利亚现代波西米亚风格女装网站:Bohemian Traders
2018/04/16 全球购物
美国农场鲜花速递:The Bouqs
2018/07/13 全球购物
安全生产演讲稿
2014/05/09 职场文书
小学生植树节活动总结
2014/07/04 职场文书
2014年连锁店圣诞节活动方案
2014/12/09 职场文书
优秀团员事迹材料
2014/12/25 职场文书
丧事答谢词大全
2015/09/30 职场文书
大队委员竞选演讲稿
2015/11/20 职场文书
微软PC Health Check电脑健康状况检查应用下载(Win11配置检测工具)
2021/06/26 数码科技