var xmlHttp;
// ´´½¨XMLHttpRequest¶ÔÏó
function createXMLHttpRequest() {
try {
// FireFox, Opera 8.0 +, Safari
xmlHttp = new XMLHttpRequest();
}
catch (e) {
try {
// IE 6.0 +
xmlHttp = new ActiveXObject('MSXML2.XMLHTTP');
}
catch (e) {
try {
// IE 5.5 +
xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
& ......
http://ajaxcontroltoolkit.codeplex.com/releases/view/33804
1>°²×°Ajax ASPAJAXExtSetup.msi £¨ÔÚhttp://ajax.asp.netÏÂÔØ£©
2>°²×°AjaxÄ£°å ASPAJAXSamples.msi
3>ÏÂÔØ ×îа汾 ajaxcontroltoolkit
http://www.codeplex.com/Release/ProjectReleases.aspx?ProjectName=AtlasControlToolkit
4>½âѹµ½C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\AjaxControlToolkit
5>´ò¿ª½â¾ö·½°¸\AjaxControlToolkit\AjaxControlToolkit.sln,Éú³É¹¤³ÌTemplateVSI
6>¸´ÖÆ
\AjaxControlToolkit\SampleWebSite\Bin\AjaxControlToolkit.dll
\AjaxControlToolkit\SampleWebSite\Bin\AjaxControlToolkit.dll
µ½ \AjaxControlToolkit\Binaries\
7>ÔËÐÐ\AjaxControlToolkit\TemplateVSI\bin\AjaxControlExtender.vsi °²×°Ä£°å£¨Ñ¡ÔñC#£©£¬½öWeb
8>¹¤¾ßÏäµãÓÒ¼üÌí¼ÓÑ¡ÏAJAX Toolkit£¬ÔÚAJAX ToolkitÑ¡ÏÀïÓÒ¼üÑ¡ÔñÏÔÚµ¯³öµÄ¶Ô»°´°¿ÚÀïÃæÑ¡Ôñ.NET Framework
µãä¯ÀÀ C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\AjaxControlTool ......
1.Ç°¡¢¶Ëºó¶¼Òª×öºÃ°²È«µÄ°Ñ¹Ø¹¤×÷
ÓÉÓÚAjaxÒ²»á½ÓÊÕºó¶Ë´«ËÍÀ´µÄ×ÊÁÏ£¬¶ÔÕâЩ×ÊÁ϶¼Òª²É²»ÐÅÈÎ̬¶È£¬±ØÐë¼ÓÒÔ¼ì²é¡£
2.¾¡Á¿ÒÔHTTP POST·½·¨´«Êä×ÊÁÏ
ËäÈ»POST²¢·ÇÍòÎÞһʧ£¬µ«±ÈÆðGETÖÁÉÙ½ÏΪ°²È«¡£
3.²»ÒªÖ±½ÓÓÃevalº¯Ê½»½ÆðJSONÎï¼þ
JSONÊDzÉÓÃJavaScriptÎï¼þʵ×ÖµÄ×ÊÁϸñʽ£¬´Óºó¶Ë´«µ½Ajax³Ìʽʱ£¬±ØÐë²ÉÓÃevalº¯Ê½½«Ëü´Ó×Ö´®×ª³ÉÎï¼þ£¬Õâʱ±ØÐëÏÈÐмì²é×ÊÁÏÖÐÊÇ·ñÓзǷ¨×ÖÔª£¬ÒÔÃâ·Ç·¨³Ìʽ½è»úÆôÓá£
4.¹ýÂËijЩʹÓÃÕß¿ÉÓõÄHTMLÓï·¨
Ðí¶àAjaxÍøÕ¾ÔÊÐíʹÓÃÕßÔÚÁôÑÔÖÐʹÓÃHTMLÓï·¨£¬¶øijЩÌض¨Óï·¨Ó¦¸ÃÑϸñÏÞÖÆ£¬ÀýÈ磼plaintext£¾»òÊÇ£¼!- -ÕâÀàÓï·¨£¬¶¼»áÈÃÖÃÓÚÖ®ºóµÄ³ÌʽÂëʧЧ¡£
5.ÈÃʹÓÃÕßÖªµÀ×Ô¼ºµÄ²Ù×÷ÔËÐÐÇé¿ö
µ±AjaxÔØÈë×ÊÁÏÁ¿´óʱ£¬ÓÐʱ»áÈÃʹÓÃÕß²úÉú´í¾õ£¬²»È·¶¨¸Õ¸Õ°´Ïµİ´Å¤ÊÇ·ñ·¢Éú×÷Óá£Òò´Ë¿ª·¢ÈËÔ±±ØÐëÉè¼ÆÊʵ±µÄÌáʾ£¬ÈÃʹÓÃÕßÁ˽âÄ¿Ç°³ÌʽµÄÖ´ÐÐ×´¿ö¡£
6.±£³ÖСÁ¿´«Êä
Èç¹ûÒ»´óÕÅ×ÊÁÏ±í¶¼ÒªÍ¸¹ýDOMµÄ²Ù×÷À´¸Ä±ä£¬²»Èç¾ÍÓɺó¶Ë³ÌʽÓë×ÊÁÏ¿âÀ´²Ù×÷£¬Ð§Òæ¸ü¸ß¡£
7.×¢ÒâÒ×ÓÃÐÔÓëÄÚÈݵÄƽºâ
AjaxËäȻΪʹÓÃÕß´øÀ´ä¯ÀÀʱµÄÒ×ÓÃÐÔ£¬²»¹ýÈç¹û½«ËùÓÐÄÚÈݶ¼Í¸¹ýAjaxÀ´²úÉú£¬»áÔì³ÉËÑÑ°ÒýÇæÎÞ·¨Ë÷Òý×ÊÁϵÄÇé¿ö¡£Òò´ËÓëÄÚÈÝÏà¹ØµÄ²¿·Ö£¬Ðè½÷É÷Ê¹Ó ......
Background For the basic of how to create an AJAX enabled WCF service, please refer to MSDN: http://msdn.microsoft.com/en-us/library/bb924552.aspx. For the basic of JSONP, please refer to: http://en.wikipedia.org/wiki/JSON#JSONP. This article introduce how to make AJAX enabled WCF service support cross-domain request. In the WCF & WF samples provided by Microsoft, there is already a “custom binding extension” implementation for JSONP support. But there is some limitation, the biggest limitation is it could not support both JSON & JSONP protocol for one AJAX enabled WCF service URL, and it requires each endpoint you want to support JSONP protocol be configured with the specific custom JSONP binding extension which increased configuration complexity & cost. Here I introduce a more general “custom Http Module” implementation for cross-domain calling AJAX enabled WCF services. At the beginning, firstly, please realize WCF does not support custom Http Mod ......
ʼþ´¥·¢£º
<input name="keyword" onkeyup="LoadResults(this.value)" id="keyword" runat="server"/>
¿Í»§¶ËÖ÷Ì壺
//¶¨ÒåÓû§¿Ø¼þIDÈ«¾Ö±äÁ¿
var ClientID;
function ShowDiv(divid)
{
//...
}
function HideDiv(divid)
{
//...
}
//Ò³Ãæ¼ÓÔØʱµÄ´¦Àí
function BodyLoad()
{
HideDiv(ClientID + "searchresults");
var findtextbox = document.getElementById(ClientID + "keyword");
findtextbox.focus();
}
function ClearResults()
{
//...£¨Ñ°ÕÒÔªËØʱIDÇ°¾ù¼Ó ClientID£©
}
function LoadResults(searchterm)
{
//...
// Ç°¼ÓÒ»¸öClientID×÷Ϊ²ÎÊý
Anthem_InvokeControlMethod(
"<%= ClientID %>",
'RetrieveRows',
[searchterm],
LoadResultsCallback);
}
function LoadResultsCallback(result)
{
//...£¨Ñ°ÕÒÔªËØʱIDÇ°¾ù¼Ó ClientID£©
}
function ReplaceInput(tablecell)
{
//...£¨Ñ°ÕÒÔªËØʱIDÇ°¾ù¼Ó ClientID£©
}
·þÎñÆ÷¶ËÖ÷Ì壺
protected void Page_Load(object sender, EventArgs e)
{
Anthem.Mana ......
Ç°ÑÔ£º
»ùÓÚuchomerµÄ²å¼þÈç¹ûûÓÐʹÓÃajax»òflex£¬¿ÉÒÔ˵ÎÞÂÛÈçºÎÒ²×ö²»µ½ÍêÃÀµÄ¡£¶øÏà±ÈÓÚflex£¬ajaxʹÓõĽ϶ࡣºÃ¶à²å¼þ¿ª·¢ÕßÔÚÑо¿
uchomeµÄajaxµÄʹÓùý³ÌÖл¨·ÑÁ˲»ÉÙʱ¼ä£¬´ËÎÄÒâÔÚ¼õÉÙ²å¼þ¿ª·¢ÕßµÄÑо¿Ê±¼ä¡£flexÏà¹Ø²å¼þµÄ˵Ã÷£¬¾´Çë¹Ø×¢£¡
´ËÎÄÕûÀí»¨Á˱¾Í¬Ñ§4¸öСʱÒÔÉϵÄʱ¼ä£¬Èç¹û°æÖ÷¾õµÃ¶Ô´ó¼ÒÓаïÖú£¬Çë¼Ó¾«£¡·Ç³£¸Ðл£º£©
ÎÒÃǾÙÈÕÖ¾»Ø¸´ÎªÀý£º
Ò»¡¢¾Ö²¿Ë¢ÐµIJ¿·Ö£¨ÏÈ¿´¿´ÏÖÏó£©
ͼһ£º
1¡¢ÆÀÂÛÌõÊýÓÉÔÀ´µÄaÐÞ¸ÄΪa+1;
2¡¢ÆÀÂÛÄÚÈÝ¡£´ÓÊý¾Ý¿âÀï¶ÁÈ¡ÏÔʾÓÚ´Ë£»
3¡¢ÌáʾÓÕâÀïµÄ“¸ãºÃÁË”£¬ÊÇÎÒÐÞ¸ÄÖ®ºóµÄ£¬ÔÀ´ºÃÏñÊÇ“ÄãÖ´ÐеIJÙ×÷Òѳɹ¦”¡£µ±È»ÀïµÄÄÚÈÝÒ²¿ÉÄÜÊÇ“Äã·¢ÌûµÄʱ¼äÌ«¶ÌÁË£¬ÇëµÈµÈ59ÃëºóÔÙ·¢”Ö®ÀàµÄ¡£
×¢Ò⣬ÓÃinnerHTMLÀ´Õ¹Ê¾µÄ»¹ÓÐÓÒÉϽǵĺìÉ«loading…£¬²»¹ýÒòΪ³öÏÖµÄʱ¼äÌ«¶Ì£¬²»·½±ã½Øͼ£¬¶øÇÒ´ó¼ÒÒ²ºÜÈÝÒ×Àí½â£¬Ôڴ˲»¶à½âÊÍ¡£
¶þ¡¢ºÃÁË£¬¿´ÍêÏÖÏóÖ®ºó£¬ÎÒÃÇÒª´Ó´úÂëÀ´Ñо¿Ö´Ðйý³ÌÁË
1¡¢Ä£°åÎļþtemplate/default/space_blog_view.htmÆÀÂÛ±íµ¥´úÂëÀïµÄ
£¨1£©¡¢onclick=”ajaxpost(’quickcommentform_{$id}’, ‘comment_add’)” />
¸´Ö ......