ASP.NET AJAX客户端组件初探
来源: 程序员 .NET | 作者: 不详 | 发布: 2009-7-03 00:00
??????????Ajax?????
????????????????????????????????Demo?ASPNETAJAXTest????????????????????
Default.aspx:
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"?
?html xmlns="http://www.w3.org/1999/xhtml"?
?head runat="server"?
?title?Untitled Pagetitle?
head?
?body?
?form id="form1" runat="server"?
?asp:ScriptManager ID="ScriptManager1" runat="server"?
?Scripts?
?asp:ScriptReference Path="~/ajax.js" /?
Scripts?
?Services?
?asp:ServiceReference Path="~/SayHelloService.asmx" /?
Services?
asp:ScriptManager?
?div?
?input id="btnSayHello" type="button" value="SayHello" onclick="btnSayHello_onClick()" /?
?div id="result"?div?
div?
form?
body?
html?
ajax.js:
//??btnSayHello????JS??
function btnSayHello_onClick()
{
SayHelloService.SayHello(OnSucceeded,OnFailded);
}
//????????
function OnSucceeded(reusltText)
{
$get("result").innerHTML=reusltText;
}
//????????
function OnFailded(error)
{
$get("result").innerHTML="??????????"+error.get_message();
}
??????????JavaScript??????DOM?????????????????????????????DOM???????????????????????????????DOM????????????????????????document.getElementById??ASP.NET AJAX????????$get???????????DOM????????value?????
??????????????????????????????????????DOM????“input”??????????innerHTML????????????div?span??????????????????????????????????????????TextBox???????CheckBox??????Button??div?span??Label???????????label1.text???????div??????????innerHTML?
?????ASP.NET AJAX?????????????????ASP.NET AJAX?????????????????????????????????
?????????????????????????????aspx???
Default.aspx:
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"?
?html xmlns="http://www.w3.org/1999/xhtml"?
?head runat="server"?
?title?Untitled Pagetitle?
head?
?body?
?form id="form1" runat="server"?
?asp:ScriptManager ID="ScriptManager1" runat="server"?
?Scripts?
?asp:ScriptReference Assembly="Microsoft.Web.Preview" Name="PreviewScript.js" /?
?asp:ScriptReference Path="~/ajax.js" /?
Scripts?
?Services?
?asp:ServiceReference Path="~/SayHelloService.asmx" /?
Services?
asp:ScriptManager?
?div?
?input id="btnSayHello" type="button" value="SayHello" /?
?div id="result"?div?
div?
form?24body?25html?
???????????ScriptManager???????PreviewScript.js???????????????????????ASP.NET AJAX1.0??????????ASP.NET AJAX Futures CTP????????????????????Microsoft.Web.Preview.dll???????????ASP.NET AJAX Futures CTP?????????????????PreviewScript.js??????
?????????btnSayHello?????onclick???????????????????????????????js????
ajax.js:
var btnSayHello;
var lblResult;
Sys.Application.add_init(onPageInit);
function onPageInit()
{
btnSayHello=new Sys.Preview.UI.Button($get("btnSayHello"));
btnSayHello.initialize();
lblResult=new Sys.Preview.UI.Label($get("result"));
lblResult.initialize();
btnSayHello.add_click(btnSayHello_onClick);
}
function btnSayHello_onClick()
{
SayHelloService.SayHello(OnSucceeded,OnFailded);
}
function OnSucceeded(resultText)
{
lblResult.set_text(resultText);
}
function OnFailded(error)
{
lblResult.set_text("??????????"+error.get_message());
}
???????????????JavaScript??????????????????????????
?????????????????????????btnSayHello?result????????????????????????????????
Sys.Application.add_init(onPageInit);???????????????????onPageInit????
onPageInit??????????????????????????????????????
btnSayHello=new Sys.Preview.UI.Button($get("btnSayHello"));
btnSayHello.initialize();
????????????????????????“new”??????????????Button?????????btnSayHello?????Sys.Preview.UI.Button?Button???????????????????????????????????????DOM????????????????????????????initialize???????????????
btnSayHello.add_click(btnSayHello_onClick);
????????????????btnSayHello_onClick??????????????????ASP.NET AJAX?????????????????
ASP.NET AJAX????????????????????“???.get_???()”???????????“???.set_???()”??????????????????????“???.add_???()”?????“???.remove_???()”???ASP.NET AJAX?????????????????????????????????????????????????????
?????????????????????“lblResult.set_text(resultText);”???lblResult???text?????resultText????????????????????
?2?: 1 [2] ???
??????
? 1 ????????????Ajax????? ? 2 ????????????
???ASP.NET AJAX???????(1)