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 相关文章推荐
javascript学习笔记(二)数组和对象部分
Sep 30 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
Oct 17 Javascript
使用AngularJS 应用访问 Android 手机的图片库
Mar 24 Javascript
jQuery实现鼠标划过修改样式的方法
Apr 14 Javascript
js实现字符串转日期格式的方法
May 20 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
Mar 11 Javascript
利用Angularjs和Bootstrap前端开发案例实战
Aug 27 Javascript
Vue.js 60分钟快速入门教程
Mar 28 Javascript
requireJS模块化实现返回顶部功能的方法详解
Oct 16 Javascript
使用Angular CLI从蓝本生成代码详解
Mar 24 Javascript
vue设计一个倒计时秒杀的组件详解
Apr 06 Javascript
JS ES6异步解决方案
Apr 29 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生成自己的LOG文件
2006/10/09 PHP
PHP 命名空间实例说明
2011/01/27 PHP
php一个找二层目录的小东东
2012/08/02 PHP
使用phpexcel类实现excel导入mysql数据库功能(实例代码)
2016/05/12 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
jquery+json实现的搜索加分页效果
2010/03/31 Javascript
javascript 事件绑定问题
2011/01/01 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
2014/06/16 Javascript
JavaScript设计模式之抽象工厂模式介绍
2014/12/28 Javascript
jquery实现未经美化的简洁TAB菜单效果
2015/08/28 Javascript
正则表达式(语法篇推荐)
2016/06/24 Javascript
javascript数据类型详解
2017/02/07 Javascript
jquery.validate.js 多个相同name的处理方式
2017/07/10 jQuery
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
详解使用uni-app开发微信小程序之登录模块
2019/05/09 Javascript
详解如何探测小程序返回到webview页面
2019/05/14 Javascript
Vue.js递归组件实现组织架构树和选人功能案例分析
2019/07/03 Javascript
React学习之受控组件与数据共享实例分析
2020/01/06 Javascript
vue elementui 实现搜索栏公共组件封装的实例代码
2020/01/20 Javascript
python实现查询IP地址所在地
2015/03/29 Python
python3实现基于用户的协同过滤
2018/05/31 Python
详解python单元测试框架unittest
2018/07/02 Python
TensorFlow Session会话控制&Variable变量详解
2018/07/30 Python
pandas DataFrame 删除重复的行的实现方法
2019/01/29 Python
Django网络框架之创建虚拟开发环境操作示例
2019/06/06 Python
python里glob模块知识点总结
2021/01/05 Python
迪卡侬荷兰官网:Decathlon荷兰
2017/10/29 全球购物
销售总经理岗位职责
2014/03/15 职场文书
股东协议书
2014/04/14 职场文书
市场营销战略计划书
2014/05/06 职场文书
承诺书格式
2014/06/03 职场文书
工程项目经理任命书
2014/06/05 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
python实现大文本文件分割成多个小文件
2021/04/20 Python
JavaScript+HTML实现学生信息管理系统
2021/04/20 Javascript