ajax¿çÓò·ÃÎÊ ·½·¨´óÈ«
Case I. Web´úÀíµÄ·½Ê½ (on Server A)
¼´Óû§·ÃÎÊAÍøÕ¾Ê±Ëù²úÉúµÄ¶ÔBÍøÕ¾µÄ¿çÓò·ÃÎÊÇëÇó¾ùÌá½»µ½AÍøÕ¾µÄÖ¸¶¨Ò³Ã棬ÓɸÃÒ³Ãæ´úÌæÓû§Ò³ÃæÍê³É½»»¥£¬´Ó¶ø·µ»ØºÏÊʵĽá¹û¡£´Ë·½°¸¿ÉÒÔ½â¾öÏÖ½×¶ÎËùÄܹ»Ïëµ½µÄ¶àÊý¿çÓò·ÃÎÊÎÊÌ⣬µ«ÒªÇóAÍøÕ¾ÌṩWeb´úÀíµÄÖ§³Ö£¬Òò´ËAÍøÕ¾ÓëBÍøÕ¾Ö®¼ä±ØÐëÊǽôÃÜÐ×÷µÄ£¬ÇÒÿ´Î½»»¥¹ý³Ì£¬AÍøÕ¾µÄ·þÎñÆ÷¸ºµ£Ôö¼Ó£¬ÇÒÎÞ·¨´úÓû§±£´æsession״̬¡£
Case II. on-Demand·½Ê½ (on Server A)
MYMSNµÄÃÅ»§¾ÍÓõÄÕâÖÖ·½Ê½£¬²»¹ý MYMSNÖв»Éæ¼°¿çÓò·ÃÎÊÎÊÌâ¡£ÔÚÒ³ÃæÄÚ¶¯Ì¬Éú³ÉеÄ<script>£¬½«ÆäsrcÊôÐÔÖ¸Ïò±ðµÄÍøÕ¾µÄÍøÖ·£¬Õâ¸öÍøÖ··µ»ØµÄÄÚÈݱØÐëÊǺϷ¨µÄJavascript½Å±¾£¬³£ÓõÄÊÇJSONÏûÏ¢¡£´Ë·½°¸´æÔÚµÄȱÏÝÊÇ£¬ scriptµÄsrcÊôÐÔÍê³É¸Ãµ÷ÓÃʱ²ÉÈ¡µÄ·½Ê½Ê±get·½Ê½£¬Èç¹ûÇëÇóʱ´«µÝµÄ×Ö·û´®¹ý´óʱ£¬¿ÉÄÜ»áÎÞ·¨Õý³£ÔËÐС£²»¹ý´Ë·½°¸·Ç³£ÊʺϾۺÏÀàÃÅ»§Ê¹Óá£
<html>
<head>
<script language="javascript" type="text/javascript">
function loadContent()
{
var s=document.createElement('SCRIPT');
s.src='http://www.anotherdomain.com/TestCrossJS.aspx?f=setDivContent';
document.body.appendChild(s);
} function setDivContent(v)
{
var dv = document.getElementById("dv");
dv.innerHTML = v;
}
</script>
</head>
<body>
<div id="dv"></div> <input type="button" value="Click Me" onclick="loadContent()">
</body>
</html> ÆäÖеÄwww.anotherdomain.com/TestCrossJS.aspxÊÇÕâÑùµÄ£¬
<script language="C#" runat="server">
void Page_Load(object sender, EventArgs e)
{
string f = Request.QueryString["f"];
Response.Clear();
Response.ContentType = "application/x-javascript";
Response.Write(String.Format(@"
{0}('{1}');",
f,
DateTime.Now));
Response.End();
}
&l
Ïà¹ØÎĵµ£º
1£©·¢ËÍ·¾¶ÖеIJÎÊýÓÐÖÐÎÄ£¬ÔÚ·þÎñÆ÷¶Ë½ÓÊÕ²ÎÊýÖµÊÇÂÒÂë
½â¾ö·½·¨£º
PHP:
·þÎñÆ÷¶Ë£ºiconv("UTF-8","gb2312",$_POST[±äÁ¿Ãû]);
JSP:
¿Í»§¶Ë:
ÀûÓÃjavascriptµÄÌṩµÄescape()»òencodeURI()·½·¨, Àý
var url="a.jsp?name=СÀî"£»
url=encodeURI(url);
url=encodeURI(url); //Á½´Î£¬ºÜ¹Ø¼ü[¾ßÌåΪʲô£¬ÎÒÒ²²»Çå³þ ......
AJAX×Ô´ÓÒý½øÁËTab£¬×ÅʵÈÃÎÒ¿ªÐÄÁËÒ»·¬¡£µ«ÊÇ£¬ÔÚµ÷ÕûTabµÄÑùʽµÄʱºò£¬Ò²×ÅʵÈÃÎÒ³ÔÁËÒ»¾ª¡£
ÓÚÊÇ£¬±§×ÅûÓÐÀ§ÄÑÒ²ÒªÖÆÔìÀ§ÄѵÄÔÔò£¬¿ªÊ¼ÁËÕ÷;£º
°´ÕÕTab×÷ÕßRonald BucktonËù˵£¬TabµÄCSS°üº¬Èçϼ¸¸öÀࣺ
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.
......
Ajax
Ö÷
Òª×é³É²¿·Ö
Ajax
ÊÇ
Asynchronous JavaScript and XML
£¨ÒÔ
¼°
DHTML
µÈ£©µÄËõд¡£
Ajax
ÓÉ
HTML
¡¢
JavaScript™
¼¼Êõ¡¢
DHTML
ºÍ
DOM
×é³É£¬ÕâÒ»½Ü³öµÄ·½·¨¿ÉÒÔ½«±¿×¾µÄ
Web
½çÃæ×ª»¯³É½»»¥ÐÔµÄ
Ajax
Ó¦ÓóÌÐò¡£
AjaxµÄºËÐÄÊÇJavaScript¶ÔÏó XmlHttpRequest¡£¸Ã¶ÔÏóÔ ......
ºÃ¾Ã²»ÅöWEBµÄ¶«¶«ÁË,×î½üѧϰ£Ó£Á£ÐµÄ£Â£Ó£Ð¼¼Êõ£¬ÓÖÓõ½ÕâЩ£¬Ë³±ãתƪÎÄÕ£¬±¸²é£®
ÔÎĵØÖ·: http://www.ibm.com/developerworks/cn/xml/x-ajaxxml2/
Ajax ºÍ XML:
Îå
ÖÖ³£¼û Ajax ģʽ
¿ÉÁ¢¼´Ê¹ÓÃÕâЩ·Ç³£ÓÐÓÃµÄ Ajax Éè¼ÆÄ£Ê½
ÎĵµÑ¡Ïî
<tr valign="top"><td width="8">< ......
ʹÓÃÔʼµÄXMLHttpRequest·¢³öÇëÇóʱ,Ö»ÄܶÔServletºÍJSP²Ù×÷
ÔÚJSPÖд´½¨3¸öfunction
1.createXmlHttpRequest----¸ºÔðÅжÏä¯ÀÀÆ÷ÀàÐÍ´´½¨ XMLHttpRequest¶ÔÏó
var xmlHttpRequest;
function createXMLHttpRequest(){
// IE ä¯ÀÀÆ÷
if(window.ActiveXObject){
&nbs ......