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 相关文章推荐
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
Dec 12 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
Sep 14 Javascript
简易js代码实现计算器操作
Apr 15 Javascript
Javascript实现的常用算法(如冒泡、快速、鸽巢、奇偶等)
Apr 29 Javascript
JavaScript编程中布尔对象的基本使用
Oct 25 Javascript
详解JavaScript逻辑Not运算符
Dec 04 Javascript
探索Vue.js component内容实现
Nov 03 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
Mar 02 Javascript
原生JS实现导航下拉菜单效果
Nov 25 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
Jul 20 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
Mar 13 Javascript
JS pushlet XMLAdapter适配器用法案例解析
Oct 16 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
日本十大最佳动漫,全都是二次元的神级作品
2019/10/05 日漫
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
PHP加速 eAccelerator配置和使用指南
2009/06/05 PHP
Codeigniter生成Excel文档的简单方法
2014/06/12 PHP
php一行代码获取文件后缀名实例分析
2014/11/12 PHP
PHP+Ajax实时自动检测是否联网的方法
2015/07/01 PHP
全新Mac配置PHP开发环境教程
2016/02/03 PHP
Mac系统完美安装PHP7详细教程
2017/06/06 PHP
PHP使用XMLWriter读写xml文件操作详解
2018/07/31 PHP
php生成word并下载代码实例
2019/03/15 PHP
prettify 代码高亮着色器google出品
2010/12/28 Javascript
JS获取鼠标坐标的实例方法
2013/07/18 Javascript
jQuery 删除/替换DOM元素的几种方式
2014/05/20 Javascript
nodejs实现遍历文件夹并统计文件大小
2015/05/28 NodeJs
简单谈谈JS数组中的indexOf方法
2016/10/13 Javascript
AngularJS中的JSONP实例解析
2016/12/01 Javascript
ES6新特性之模块Module用法详解
2017/04/01 Javascript
vue实现简单的星级评分组件源码
2018/11/16 Javascript
python编程实现归并排序
2017/04/14 Python
详解Python 序列化Serialize 和 反序列化Deserialize
2017/08/20 Python
Python探索之自定义实现线程池
2017/10/27 Python
简述:我为什么选择Python而不是Matlab和R语言
2017/11/14 Python
MAC中PyCharm设置python3解释器
2017/12/15 Python
python爬虫基本知识
2018/03/05 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
pytorch中如何使用DataLoader对数据集进行批处理的方法
2019/08/06 Python
解决使用python print打印函数返回值多一个None的问题
2020/04/09 Python
CSS3网格的三个新特性详解
2014/04/04 HTML / CSS
基于HTML5 FileSystem API的使用介绍
2013/04/24 HTML / CSS
HTML5 CSS3打造相册效果附源码下载
2014/06/16 HTML / CSS
HTML5 层的叠加的实现
2020/07/07 HTML / CSS
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
MVC的各个部分都有那些技术来实现?如何实现?
2016/04/21 面试题
银行贷款委托书范本
2014/10/11 职场文书
担保书范本
2015/01/20 职场文书
检讨书范文大全
2015/05/07 职场文书