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

前端技术 2023/09/01 JavaScript

前台代码：

<link href=\"http://www.phpstudy.net/Content/themes/base/jquery-ui.css\" rel=\"stylesheet\" type=\"text/css\" />
<script src=\"http://www.phpstudy.net/Scripts/jquery-1.4.4.min.js\" type=\"text/javascript\"></script>
<script src=\"http://www.phpstudy.net/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文本内容的简单实现就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。

本文地址：https://www.stayed.cn/item/2429

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案