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

前台代码：

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