div class="add"
在膠州等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供網(wǎng)站制作、做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作專業(yè)公司,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),網(wǎng)絡(luò)營銷推廣,成都外貿(mào)網(wǎng)站制作,膠州網(wǎng)站建設(shè)費(fèi)用合理。
/div
$(function(){
$(".add").click(function(){
$(this).html("");//清空add里面的數(shù)據(jù);
$(this).html("aa");//aa為要添加的數(shù)據(jù),可以是字符串,也可以是變量;
})
})
使用ajax。
參考代碼:
$(function(){
$.ajax({
type:"POST",??????url:"LoginLoadArticle.ashx", ? ?
data: "type="+escape("最新公告") ,
success:function(msg){
$(".gonggao").html(msg);
},??????error:function(XMLHttpRequest, textStatus, thrownError){}
})
})
擴(kuò)展資料:
xml:返回XML文檔,可用JQuery處理。?
html:返回純文本HTML信息;包含的script標(biāo)簽會在插入DOM時(shí)執(zhí)行。?
script:返回純文本JavaScript代碼。不會自動緩存結(jié)果。除非設(shè)置了cache參數(shù)。注意在遠(yuǎn)程請求時(shí)(不在同一個(gè)域下),所有post請求都將轉(zhuǎn)為get請求。?
json:返回JSON數(shù)據(jù)。?
jsonp:JSONP格式。使用SONP形式調(diào)用函數(shù)時(shí),例如myurl?callback=?,JQuery將自動替換后一個(gè)“?”為正確的函數(shù)名,以執(zhí)行回調(diào)函數(shù)。?
text:返回純文本字符串。?
beforeSend:要求為Function類型的參數(shù),發(fā)送請求前可以修改XMLHttpRequest對象的函數(shù)。
1.獲取DataSet
2.轉(zhuǎn)成DataTable
3.
public static string DataTableToJson(DataTable dt)
{
StringBuilder jsonBuilder = new StringBuilder();
//jsonBuilder.Append("'
//jsonBuilder.Append(dt.TableName);
jsonBuilder.Append("[");
for (int i = 0; i dt.Rows.Count; i++)
{
jsonBuilder.Append("{");
for (int j = 0; j dt.Columns.Count; j++)
{
jsonBuilder.Append("\"");
jsonBuilder.Append(dt.Columns[j].ColumnName);
jsonBuilder.Append("\":\"");
jsonBuilder.Append(dt.Rows[i][j].ToString());
jsonBuilder.Append("\",");
}
jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
jsonBuilder.Append("},");
}
jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
jsonBuilder.Append("]");
//jsonBuilder.Append("}"); //輸出的要求不要'}'
return jsonBuilder.ToString();
}
4.把Json字串Response出來
5.獲取Json字串
function load() //頁面加載
{
$.ajax({
type:"post",
url:"../Handler/LinkManHandler.ashx",//從哪獲取Json
data:"action=getLinkManid="+comId,//Ajax傳遞的參數(shù)
beforeSend:function(){
//獲取之前顯示 loading 或 正在加載
},
success:function(mess)
{
$("#divImage").hide();
if(mess!="]")// 如果獲取的數(shù)據(jù)不為空
{
var type=eval(mess);
var str="a首頁/a"
for(var i=0;itype.length;i++)
{
//操作type 獲取東西
str+="a"+type[i].數(shù)據(jù)庫字段名+"/a
}
$("#divLinkMan").html(str);//把str嵌入div divLinkMan 中
}
else
{
var notfind="h2未找到數(shù)據(jù)a href='../Main.htm' target='_parent'返回/a/h2"
$("#divLinkMan").html(notfind);
}
},
complete:function()
{
//所有的都執(zhí)行完后的方法
}
});
}
用 ajax 請求 后臺,然后獲取返回的數(shù)據(jù)。
然后用 jquery的
$("table").append("trtd返回的數(shù)據(jù)/tdtr");//在table的內(nèi)部追加html標(biāo)記。
這個(gè)問題主要是服務(wù)器代碼,追加數(shù)據(jù)到table倒是簡單。