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 相关文章推荐
番茄的表单验证类代码修改版
Jul 18 Javascript
分享JavaScript获取网页关闭与取消关闭的事件
Dec 13 Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 Javascript
JS实现OCX控件的事件响应示例
Sep 17 Javascript
javascript清空table表格的方法
May 14 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
Dec 31 Javascript
利用Node.js制作爬取大众点评的爬虫
Sep 22 Javascript
Bootstrap列表组学习使用
Feb 09 Javascript
jQuery选择器特殊字符与属性空格问题
Aug 14 jQuery
jquery自定义显示消息数量
Dec 19 jQuery
详解vue移动端项目的适配(以mint-ui为例)
Aug 17 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 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
建立文件交换功能的脚本(一)
2006/10/09 PHP
PHP 文件上传全攻略
2010/04/28 PHP
php图片缩放实现方法
2014/02/20 PHP
php fseek函数读取大文件两种方法
2016/10/12 PHP
jquery $("#variable") 循环改变variable的值示例
2014/02/23 Javascript
JS数字千分位格式化实现方法总结
2016/12/16 Javascript
vue 组件 全局注册和局部注册的实现
2018/02/28 Javascript
JointJS流程图的绘制方法
2018/12/03 Javascript
JS实现的获取银行卡号归属地及银行卡类型操作示例
2019/01/08 Javascript
Vue多组件仓库开发与发布详解
2019/02/28 Javascript
[01:59]翻天覆地,因你而变,7.20版本地图更新速览
2018/11/24 DOTA
python使用PIL模块实现给图片打水印的方法
2015/05/22 Python
PHP网页抓取之抓取百度贴吧邮箱数据代码分享
2016/04/13 Python
python使用tkinter实现简单计算器
2018/01/30 Python
Python中生成器和迭代器的区别详解
2018/02/10 Python
python 实现将多条曲线画在一幅图上的方法
2019/07/07 Python
pytorch实现mnist分类的示例讲解
2020/01/10 Python
pyinstaller 3.6版本通过pip安装失败的解决办法(推荐)
2020/01/18 Python
Django权限设置及验证方式
2020/05/13 Python
美国床垫连锁店:Mattress Firm
2021/02/13 全球购物
如何为DataGridView添加一个定制的Column Type
2014/01/21 面试题
文明学生事迹材料
2014/01/29 职场文书
个人查摆剖析材料
2014/02/04 职场文书
应聘医药销售自荐书范文
2014/02/08 职场文书
公司周年庆典策划方案
2014/05/17 职场文书
学校2014重阳节活动策划方案
2014/09/16 职场文书
党支部班子“四风”问题自我剖析材料
2014/09/28 职场文书
整改落实自查报告
2014/11/05 职场文书
2014年卫生工作总结
2014/11/27 职场文书
部队个人年终总结
2015/03/02 职场文书
2015年英语教研组工作总结
2015/05/23 职场文书
画展观后感
2015/06/17 职场文书
工作简历的自我评价
2019/05/16 职场文书
python实现socket简单通信的示例代码
2021/04/13 Python
FP-growth算法发现频繁项集——构建FP树
2021/06/24 Python
JavaScript高级程序设计之基本引用类型
2021/11/17 Javascript