⽤jQuery向div中添加Html⽂本内容的简单实现
前台代码:
<link href="www.jb51/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="www.jb51/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="www.jb51/Scripts/jquery-ui.js" type="text/javascript"></script>
function PoeviewExcel() {
$.ajax(
{
url: "send/index",
type: "post",
success: function (data) {
var divshow = $("#showInfo2");
<("");// 清空数据
jquery框架原理divshow.append(data); // 添加Html内容,不能⽤Text 或 Val
divshow.dialog({
title: "短信发系统",
height: 250,
width: 580
});
}
}
);
return false;
}
<a href="#" onclick="return PoeviewExcel()">预览数据</a>
<div id="divPreview" >
<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⽂本内容的简单实现就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论