前臺代碼:
<link href="http://m.survivalescaperooms.com/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /><script src="http://m.survivalescaperooms.com/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script><script src="http://m.survivalescaperooms.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("");// 清空數據 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文本內容的簡單實現就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答