下面我們先來看一個簡單的綁定例子:
第一步先確定XML " /> 在线免费视频a,无敌在线视频观看免费,国产精品人妻无码免费A片导航

天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

利用AJAX與數(shù)據(jù)島實現(xiàn)無刷新綁定

首先我們今天要用到的是Ajax.NET Professional ,您可以從http://www.schwarz-interactive.de/ 獲取關(guān)于AJAX.NET的相關(guān)信息。其次還需要知道XML數(shù)據(jù)島的相關(guān)知識。
下面我們先來看一個簡單的綁定例子:
第一步先確定XML數(shù)據(jù)源

<xml ID="xmlData" name="xmlData">
 <root>
<METADATA>
 <AUTHOR>John Smith</AUTHOR>
 <GENERATOR>Visual Notepad</GENERATOR>
 <PAGETYPE>Reference</PAGETYPE>
 <ABSTRACT>Specifies a data island</ABSTRACT>
</METADATA>
<METADATA>
 <AUTHOR>John Smith2</AUTHOR>
 <GENERATOR>Visual Notepad2</GENERATOR>
 <PAGETYPE>Reference2</PAGETYPE>
 <ABSTRACT>Specifies a data island2</ABSTRACT>
</METADATA>
<METADATA>
 <AUTHOR>John Smith3</AUTHOR>
 <GENERATOR>Visual Notepad3</GENERATOR>
 <PAGETYPE>Reference3</PAGETYPE>
 <ABSTRACT>Specifies a data island3</ABSTRACT>
</METADATA>
 </root>
</xml>
第二步確定綁定容器,在這里我們使用Table
<TABLE dataSrc="#xmlData" border=1>
 <TR>
<TD><span dataFld="AUTHOR">loading...</span></TD>
<TD><span dataFld="GENERATOR">loading...</span></TD>
<TD><span dataFld="PAGETYPE">loading...</span></TD>
<TD><span dataFld="ABSTRACT">loading...</span></TD>
 </TR>
</TABLE>
把這兩段代碼Copy到您的HTMl頁面運行既可看到效果。
第一段是我們的XML數(shù)據(jù)源,也就是要綁定的數(shù)據(jù),METADATA結(jié)點相當(dāng)于表名, AUTHOR、GENERATOR、PAGETYPE、ABSTRACT相當(dāng)于列名,下面的Table是用來顯示數(shù)據(jù)的容器。<TABLE dataSrc="#xmlData" border=1>是指定Table的數(shù)據(jù)源,<span dataFld="AUTHOR">loading...</span>綁定字段名。 
好了,知道這些之后就再來看如何結(jié)合Ajax實現(xiàn)無刷新綁定。
第一步:配置Ajax,在Web.config文件中加入配置節(jié): 
<httpHandlers>
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>
</httpHandlers>
第二步,編寫返回數(shù)據(jù)集的代碼: 
public class MyClass
{
 [AjaxMethod]
 public string GetDataSet()
 {
DataSet dst = new DataSet();
DataTable dt = new DataTable();
dt.Columns.Add("Text");
dt.Columns.Add("Number");
Random random = new Random(Guid.NewGuid().GetHashCode());
for (int i = 0; i < random.Next(10,20); i++)
{
 DataRow row = dt.NewRow();
 row["Text"] = Guid.NewGuid().ToString("N");
 row["Number"] = random.Next(100);
 dt.Rows.Add(row);
}
dst.Tables.Add(dt);
string text = "";
using(MemoryStream ms = new MemoryStream())
{
 dst.WriteXml(ms);
 ms.Position = 0;
 StreamReader sr = new StreamReader(ms);
 text = sr.ReadToEnd();
}
return text;
 }
}

第三步:在Page_Load中注冊該方法,AjaxPro.Utility.RegisterTypeForAjax(typeof(WebTest1.AjaxTest1));(WebTest1是名稱空間的名字)
第四步:添加客戶端綁定

<INPUT onclick="WebTest1.MyClass.GetDataSet(callback)" type="button" value="GetDataSet">
<div id="oDataPanel">
</div>
<TABLE datasrc="#xmlData" WIDTH="500" BORDER="1" 
CELLSPACING="1" CELLPADDING="1">
 <thead>
<tr>
 <th width="70%">姓名</th>
 <th width="30%">年齡</th>
</tr>
 </thead>
 <TR>
<TD><span datafld="Text"></span></TD>
<TD><span datafld="Number"></span></TD>
 </TR>
</TABLE>
<div id="oDataPanel">是準(zhǔn)備用來存放Xml數(shù)據(jù)源的容器

第五步:編定加載數(shù)據(jù)的JavaScript代碼
function callback(res)
{
if(!res.error)
{
document.all.oDataPanel.innerHTML = ’<xml id="xmlData">’+ res.value +’</xml>’;
}
else
{
alert(res.error.Message);
}

AspNet技術(shù)利用AJAX與數(shù)據(jù)島實現(xiàn)無刷新綁定,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 兔费看少妇性L交大片免费 偷偷要色偷偷 | 国产色偷偷男人的天堂 | 亚洲精品一二三区区别在哪 | GOGOGO高清在线播放免费 | 亚洲中文字幕在线精品 | 伊人色综合久久天天网 | 91在线一区二区 | 国产不卡视频在线 | 久久高清一级毛片 | 亚洲日本国产综合高清 | 国产亚洲精品久久播放 | 被公疯狂玩弄的漂亮人妻 | 91进入蜜桃臀在线播放 | yellow免费观看在线 | 国产精品青草久久福利不卡 | 宅男午夜大片又黄又爽大片 | 囚禁固定在调教椅上扩张H 秋霞最新高清无码鲁丝片 秋霞在线看片无码免费 | 久久这里只有精品2 | 国内精品不卡一区二区三区 | 人妻美妇疯狂迎合 | 久章草一区二区 | 亚洲AV无码一区二区三区牛牛 | 成在线人免费视频 | 香蕉精品国产自在现线拍 | 牲高潮99爽久久久久777 | 久久这里只有精品国产精品99 | 18国产精品白浆在线观看免费 | 精品国产在线国语视频 | 久久这里只有是精品23 | 久久极品视频 | 国产69精品久久久久无码麻豆 | 十九岁韩国电影在线观看 | 桃花在线视频观看免费 | 亚洲精品欧美精品中文字幕 | 欧美一级久久久久久久久大 | 亚州天堂在线视频av | 欧美午夜精品久久久久久浪潮 | 色男人的天堂久久综合 | 乌克兰女人与动ZOZO | 国产欧美一区二区精品性色tv | 国产精品亚洲一区二区三区久久 |