用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 相关文章推荐
datePicker——日期选择控件(with jquery)
Feb 20 Javascript
javascript String 对象
Apr 25 Javascript
Javascript中的相等与不等运算
Apr 25 Javascript
jQuery插件实现大图全屏图片相册
Mar 14 Javascript
Bootstrap基础学习
Jun 16 Javascript
jquery自动补齐功能插件flexselect用法示例
Aug 06 Javascript
JQuery和HTML5 Canvas实现弹幕效果
Jan 04 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
Aug 18 Javascript
基于ajax和jsonp的原生封装(实例)
Oct 16 Javascript
微信小程序自定义轮播图
Nov 04 Javascript
vue实现滑动超出指定距离回顶部功能
Jul 31 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
Jul 13 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 curl获取网页内容(IPV6下超时)的解决办法
2013/07/16 PHP
ThinkPHP实现递归无级分类――代码少
2015/07/29 PHP
一款js和css代码压缩工具[附JAVA环境配置方法]
2010/04/16 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
2011/11/19 Javascript
JS实现一键回顶功能示例代码
2013/10/28 Javascript
javascript中2个感叹号的用法实例详解
2014/09/04 Javascript
jQuery处理json数据返回数组和输出的方法
2015/03/11 Javascript
使用Javascript写的2048小游戏
2015/11/25 Javascript
JavaScript中的函数(二)
2015/12/23 Javascript
nodejs服务搭建教程 nodejs访问本地站点文件
2017/04/07 NodeJs
Angular 2父子组件数据传递之@Input和@Output详解 (上)
2017/07/05 Javascript
jquery插件开发之选项卡制作详解
2017/08/30 jQuery
vue项目搭建以及全家桶的使用详细教程(小结)
2018/12/19 Javascript
vue实现表单录入小案例
2019/09/27 Javascript
[54:29]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第二场
2018/04/09 DOTA
python解析xml模块封装代码
2014/02/07 Python
python生成式的send()方法(详解)
2017/05/08 Python
关于Django显示时间你应该知道的一些问题
2017/12/25 Python
详解python的ORM中Pony用法
2018/02/09 Python
PyCharm设置护眼背景色的方法
2018/10/29 Python
CentOS下Python3的安装及创建虚拟环境的方法
2018/11/28 Python
Python实现合并两个有序链表的方法示例
2019/01/31 Python
Python3 itchat实现微信定时发送群消息的实例代码
2019/07/12 Python
python3 pillow模块实现简单验证码
2019/10/31 Python
13个Pandas实用技巧,助你提高开发效率
2020/08/19 Python
Evisu官方网站:日本牛仔品牌,时尚街头设计风格
2016/12/30 全球购物
澳大利亚领先的时尚内衣零售商:Bras N Things
2020/07/28 全球购物
Swanson中国官网:美国斯旺森健康产品公司
2021/03/01 全球购物
C,C++的几个面试题小集
2013/07/13 面试题
会计专业毕业生求职信分享
2014/01/03 职场文书
网页美工求职信范文
2014/04/17 职场文书
幼儿园师德演讲稿
2014/05/06 职场文书
干货干货!2019最新优秀创业计划书
2019/03/21 职场文书
如何书写授权委托书?
2019/06/25 职场文书
怎样评估创业计划书是否有可行性?
2019/08/07 职场文书
最新农村养殖致富:资金投入较低的创业项目有哪些?
2019/09/26 职场文书