网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2025/7/1 浏览:3 次 )

前台代码:

<link href="https://www.jb51.net/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="/UploadFiles/2021-04-02/jquery-1.4.4.min.js">


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文本内容的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

上一篇:jQuery实现div横向拖拽排序的简单实例
下一篇:使用jQuery加载html页面到指定的div实现方法
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap