´´½¨ajaxÖеÄxmlhttprequest¶ÔÏó
<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("ÄúµÄä¯ÀÀÆ÷²»Ö§³ÖAJAX£¡");
return false;
}
}
}
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.myForm.time.value=xmlHttp.responseText;
}
}
xmlHttp.open("GET","time.asp",true);
xmlHttp.send(null);
}
</script>
<form name="myForm">
Óû§: <input type="text" name="username" onkeyup="ajaxFunction();" />
ʱ¼ä: <input type="text" name="time" />
</form>
</body>
</html>
Ïà¹ØÎĵµ£º
XMLHttpRequestÊÇAjax¼¼ÊõÌåϵÖÐ×îΪºËÐĵļ¼Êõ¡£È±ÉÙÁËËü£¬AjaxµÄÆäÓ༼Êõ¾ÍÎÞ·¨³ÉΪһ¸öÓлúµÄÕûÌ壬½«»áÍÁ±ÀÍ߽⡣
¡¡¡¡1999ÄêÉϰëÄ꣬MSÔÚIE 5.0°æÖÐÊ×´ÎÖ§³ÖÕâÖÖ¼¼Êõ£¬ËûÃÇÊÇͨ¹ýÒ»¸öÃûΪXMLHTTPµÄActiveX¶ÔÏóÀ´Ö§³ÖÕâÖÖ¼¼ÊõµÄ¡£XMLHTTP¶ÔÏóʹµÃÒ³ÃæÖеĽű¾¾ßÓÐÁËÔÚ²»Ë¢ÐÂÒ³ÃæµÄÇé¿öÏÂÖ±½ÓÓë·þÎñÆ÷ͨÐŵÄÄÜÁ¦¡£ÔÚ´ËÖ ......
<script language="javascript" type="text/javascript">
¡¡¡¡function doubleSalary()
¡¡¡¡{
¡¡¡¡var employee = new Object();
¡¡¡¡employee.FirstName = "X";
¡¡¡¡employee.LastName = "PP";
¡¡¡¡employee.Salary = 1000;
......
ÓõıêÇ©ÓÐScriptManager£¬UpdatePanel£¬UpdateProgress £¬Ö÷ÒªµÄÊÇUpdatePanelÖеÄTriggersÊôÐÔÒ»¶¨Òª¶Ô¡£
ǰ̨´úÂë
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdateP ......
ÈçÉÏͼËùʾΪAccordion¿Ø¼þ£º
¸Ð¾õ²»´íµÄÑùʽ
<style type="text/css">
.headerBg{cursor:hand;text-align:center;width:180px;height:21px;background-image:url(images/ajaxmenubg1.gif);FONT-SIZE: 12px;line-height:21px;} ......
ÔÚC#ÖÐ
using System;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Web.Script.Services;
using System.Collections.Generic;
using System.Collections;
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.Ba ......