用jQuery向div中添加Html文本内容的简单实现


Posted in Javascript onJuly 13, 2016

前台代码:

<link href="https://3water.com/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="https://3water.com/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="https://3water.com/Scripts/jquery-ui.js" type="text/javascript"></script>
function PoeviewExcel() {
  $.ajax(
  {
   url: "send/index",
   type: "post",
   success: function (data) {
    var divshow = $("#showInfo2");
    divshow.text("");// 清空数据
    divshow.append(data); // 添加Html内容,不能用Text 或 Val
    divshow.dialog({
     title: "短信群发系统",
     height: 250,
     width: 580
    });

   }
  }
  );
  return false;
 }
<a href="#" onclick="return PoeviewExcel()">预览数据</a> 
<div id="divPreview" style="display: none">  
<text id="showInfo2"></text> 
</div>

后台(主要):

public string GetImportReport()
  {
   DataTable dt = this.ImportExcel();
   string content = String.Empty;
   content = @"<table width='550' border='0' cellspacing='0' cellpadding='0' bgcolor='#D2D2D2'>"
     + " <tr bgcolor='#336699'>"
     + " <td align='center'><strong>序号</strong></td>"
     + " <td align='center'><strong>目标手机号</strong></td>"
     + " <td align='center'><strong>发送内容</strong></td>"
     +"</tr>";
   for (int i = 0; i < dt.Rows.Count; i++)
   {
    content += "<tr>"
     + " <td width='50' align='center'>" + i.ToString()+"</td>"
     + " <td width='150' align='center'>" + dt.Rows[i][0].ToString() + "</td>"
     + " <td width='150' >" + dt.Rows[i][1].ToString() + "</td>"
     + " </tr>";
   }
   content += "</table>";
   return content;
  }

说明:

divshow.append(data); // 添加Html内容,不能用Text 或 Val

当然用 after();会在该div中不断追加信息。

如果用Text:显示加载的文本内容;

如果用Val:点击链接第一次为空窗口,再点击才出现数据显示、

以上这篇用jQuery向div中添加Html文本内容的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
浅析JavaScript中的隐式类型转换
Dec 05 Javascript
JS控制一个DIV层在指定时间内消失的方法
Feb 17 Javascript
js获得页面的高度和宽度的方法
Feb 23 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
JS获取数组最大值、最小值及长度的方法
Nov 24 Javascript
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
Jul 01 Javascript
微信小程序 for 循环详解
Oct 09 Javascript
jQuery延迟执行的实现方法
Dec 21 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
基于Vue 服务端Cookies删除的问题
Sep 21 Javascript
记录一次完整的react hooks实践
Mar 11 Javascript
关于JavaScript回调函数的深入理解
Jun 27 Javascript
使用jQuery加载html页面到指定的div实现方法
Jul 13 #Javascript
用原生JS对AJAX做简单封装的实例代码
Jul 13 #Javascript
javascript类型系统——undefined和null全面了解
Jul 13 #Javascript
javascript类型系统——日期Date对象全面了解
Jul 13 #Javascript
浅谈javascript中关于日期和时间的基础知识
Jul 13 #Javascript
jQuery EasyUI菜单与按钮详解
Jul 13 #Javascript
JQuery对ASP.NET MVC数据进行更新删除
Jul 13 #Javascript
You might like
php中Smarty模板初体验
2011/08/08 PHP
开源php中文分词系统SCWS安装和使用实例
2014/04/11 PHP
使用PHP uniqid函数生成唯一ID
2015/11/18 PHP
Symfony2安装的方法(2种方法)
2016/02/04 PHP
详解PHP使用日期时间处理器Carbon人性化显示时间
2017/08/10 PHP
PHP生成随机数的方法总结
2018/03/01 PHP
Laravel程序架构设计思路之使用动作类
2018/06/07 PHP
浅谈php://filter的妙用
2019/03/05 PHP
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
js每隔5分钟执行一次ajax请求的实现方法
2013/11/27 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
2015/04/06 Javascript
实现音乐播放器的代码(html5+css3+jquery)
2015/08/04 Javascript
js实现温度计时间样式代码分享
2015/08/21 Javascript
jquery图片轮播特效代码分享
2020/04/20 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
2016/01/05 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
2017/03/01 Javascript
jquery仿微信聊天界面
2017/05/06 jQuery
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
2017/05/13 jQuery
vue.js选中动态绑定的radio的指定项
2017/06/02 Javascript
一次围绕setTimeout的前端面试经验分享
2017/06/15 Javascript
webpack使用 babel-loader 转换 ES6代码示例
2017/08/21 Javascript
layui 对table中的数据进行转义的实例
2019/09/12 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
python对视频画框标记后保存的方法
2018/12/07 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
CSS3实战第一波 让我们尽情的圆角吧
2010/08/27 HTML / CSS
利用纯CSS3实现动态的自行车特效源码
2017/01/20 HTML / CSS
生物医学工程专业学生求职信范文分享
2013/12/14 职场文书
绿化工程实施方案
2014/03/17 职场文书
小学教师评语大全
2014/04/23 职场文书
亚运会口号
2014/06/20 职场文书
县政府领导班子“四风”方面突出问题整改措施
2014/09/23 职场文书
办公室主任四风问题对照检查材料思想汇报
2014/09/28 职场文书
2014年学校总务处工作总结
2014/12/08 职场文书
2016同学毕业寄语大全
2015/12/04 职场文书
MySQL 数据表操作
2022/05/04 MySQL