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 相关文章推荐
基于jquery的使ListNav兼容中文首字拼音排序的实现代码
Jul 10 Javascript
javascript自适应宽度的瀑布流实现思路
Feb 20 Javascript
如何使用jquery动态加载js,css文件实现代码
Apr 03 Javascript
自动刷新网页,自动刷新当前页面,JS调用
Jun 24 Javascript
Js控制弹窗实现在任意分辨率下居中显示
Aug 01 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
Nov 18 Javascript
jQuery Mobile 触摸事件实例
Jun 04 Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
Jun 22 Javascript
jQuery grep()方法详解及实例代码
Oct 30 Javascript
Vue学习笔记进阶篇之单元素过度
Jul 19 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
Sep 14 Javascript
Node.js API详解之 tty功能与用法实例分析
Apr 27 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与javascript的两种交互方式
2006/10/09 PHP
PHP 编写的 25个游戏脚本
2009/05/11 PHP
PHP容易忘记的知识点分享
2013/04/30 PHP
PHP实现加密文本文件并限制特定页面的存取的效果
2016/10/21 PHP
启用OPCache提高PHP程序性能的方法
2019/03/21 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
简单的JS多重继承示例
2008/03/13 Javascript
jquery-easyui关闭tab自动切换到前一个tab
2010/07/29 Javascript
js判断IE6/IE7/FF的代码[XMLHttpRequest]
2011/02/16 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
2013/11/19 Javascript
jquery的ajax跨域请求原理和示例
2014/05/08 Javascript
Javascript的闭包详解
2014/12/26 Javascript
JavaScript的instanceof运算符学习教程
2016/06/08 Javascript
ES6记录异步函数的执行时间详解
2016/08/31 Javascript
浅谈JavaScript的函数及作用域
2016/12/30 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
2017/07/10 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
2018/04/19 jQuery
原生实现一个react-redux的代码示例
2018/06/08 Javascript
WebSocket的简单介绍及应用
2019/05/23 Javascript
使用apifm-wxapi模块中的问题及解决方法
2019/08/05 Javascript
Vue项目移动端滚动穿透问题的实现
2020/05/19 Javascript
在Python中使用第三方模块的教程
2015/04/27 Python
Python循环语句之break与continue的用法
2015/10/14 Python
Python检测网络延迟的代码
2018/05/15 Python
PyQt 实现使窗口中的元素跟随窗口大小的变化而变化
2019/06/18 Python
Python lambda表达式filter、map、reduce函数用法解析
2019/09/11 Python
如何将 awk 脚本移植到 Python
2019/12/09 Python
css3实现二维码扫描特效的示例
2020/10/29 HTML / CSS
自行车租赁公司创业计划书
2014/01/28 职场文书
市场专员岗位职责
2014/02/14 职场文书
公司新人试用期自我评价
2014/09/17 职场文书
领导干部作风整顿个人剖析材料
2014/10/11 职场文书
主持稿开场白
2015/06/01 职场文书
golang elasticsearch Client的使用详解
2021/05/05 Golang
使用pycharm运行flask应用程序的详细教程
2021/06/07 Python
十大最强格斗系宝可梦,超梦X仅排第十,第二最重格斗礼仪
2022/03/18 日漫