用jQuery向div中添加Html文本內(nèi)容的簡單實現(xiàn)
前臺代碼:
<link href="http://www.dhdzp.com/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> <script src="http://www.dhdzp.com/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="http://www.dhdzp.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("");// 清空數(shù)據(jù)
divshow.append(data); // 添加Html內(nèi)容,不能用Text 或 Val
divshow.dialog({
title: "短信群發(fā)系統(tǒng)",
height: 250,
width: 580
});
}
}
);
return false;
}
<a href="#" onclick="return PoeviewExcel()">預覽數(shù)據(jù)</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>發(fā)送內(nèi)容</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內(nèi)容,不能用Text 或 Val
當然用 after();會在該div中不斷追加信息。
如果用Text:顯示加載的文本內(nèi)容;
如果用Val:點擊鏈接第一次為空窗口,再點擊才出現(xiàn)數(shù)據(jù)顯示、
以上這篇用jQuery向div中添加Html文本內(nèi)容的簡單實現(xiàn)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
Jquery工作常用實例 使用AJAX使網(wǎng)頁進行異步更新
AJAX 通過在后臺與服務器交換少量數(shù)據(jù)的方式,允許網(wǎng)頁進行異步更新。這意味著有可能在不重載整個頁面的情況下,對網(wǎng)頁的一部分進行更新。2011-07-07
jQuery中的for循環(huán)var與let的區(qū)別
這篇文章主要介紹了jQuery中的for循環(huán)var與let的區(qū)別 ,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2018-04-04
jQuery EasyUI API 中文文檔 - Draggable 可拖拽
jQuery EasyUI API 中文文檔 - Draggable 可拖拽,使用jQuery EasyUI的朋友可以參考下。2011-09-09
jQuery用unbind方法去掉hover事件及其他方法介紹
jquery怎么去掉hover以為直接unbind(hover)就可以搞定,結果很失敗,接下來介紹下取消hover事件的多種方法,感興趣的你可以參考下哈2013-03-03
jquery select多選框的左右移動 具體實現(xiàn)代碼
這篇文章介紹了jquery實現(xiàn)select多選框的左右移動的方法,有需要的朋友可以參考一下2013-07-07

