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Öв»Éæ¼°¿çÓò·ÃÎÊÎÊÌâ¡£ÔÚÒ³ÃæÄÚ¶¯Ì¬Éú³ÉеÄ<mce:script type="text/javascript"><!--
£¬½«Æä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;
}
// --></mce:script>
</head>
<body>
<div id="dv"></div>
<input type="button" value="Click Me" onclick="loadContent()">
</body>
</html>
ÆäÖеÄwww.anotherdomain.com/TestCrossJS.aspxÊÇÕâÑùµÄ£¬
<mce: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();
}
// --></mce:script>
µã»÷“Click Me”°´Å¥£¬Éú³ÉÒ»¸öеÄscript tag£¬ÏÂÔØ¶ÔÓ¦µÄ Javascript ½Å±¾£¬½áÊøÊ±»Øµ÷ÆäÖеÄsetDivContent()£¬´Ó¶ø¸üÐÂÍøÒ³ÉÏÒ»¸ödivµÄÄÚÈÝ¡£
Case III. iframe·½Ê½ (on Server A)
²é¿´¹ýÐÑÀ´ÔÚjavaeyeÉϵÄһƪ¹ØÓÚ¿çÓò·ÃÎʵ
Ïà¹ØÎĵµ£º
½ñÌìͬʸæËßÎÒµÄÒ»¸öÀý×Ó£¬ÔÝʱûÓÐʱ¼äÇ××ÔÊÔÑ飬Ïȼǵ½ÕâÀï¡£
jQuery(document).ready(function(){
$.ajax({
......
AJAX(Asynchronous JavaScript and XML):»ùÓÚXMLµÄÒì²½JavaScript£¬¼ò³ÆAJAX,ÊǶàÖÖ¼¼ÊõµÄ×ÛºÏ.
Ò»ÖÖ¿Í»§¶Ë¼¼Êõ ,Ϊ»¥ÁªÍøÓû§Ìṩ¸ü¼ÓÓÑÉÆµÄ½»»¥½çÃæ,¸ü¼ÓÁ÷³©µÄÓû§ÌåÑé.Ò²¾ÍÊÇËùνµÄÅÖ¿Í»§¶Ë,Ê¹ÍøÒ³µÄЧ¹ûÄܹ»Ïñ°²×°ÔÚ¼ÆËã»úÉϵÄÓ¦ÓÃÈí¼þ»òϵͳһÑùÓѺûªÀö.
ËüÓÉÈçÏÂËÄÖÖ¼¼Êõ×é³É:CSS + DOM + XMLHttpRe ......
jQuery Ajax È«½âÎö
±¾ÎĶÌÖ·£ºhttp://s8.hk/0itq
±¾ÎĵØÖ·: jQuery Ajax È«½âÎö
±¾ÎÄ×÷ÕߣºQLeelulu
×ªÔØÇë±êÃ÷³ö´¦£¡
jQueryȷʵÊÇÒ»¸öͦºÃµÄÇáÁ¿¼¶µÄJS¿ò¼Ü£¬ÄܰïÖúÎÒÃÇ¿ìËٵĿª·¢JSÓ¦Ó㬲¢ÔÚÒ»¶¨³Ì¶ÈÉϸıäÁËÎÒÃÇдJavaScript´úÂëµÄϰ¹ß¡£
·Ï»°ÉÙ˵£¬Ö±½Ó½øÈëÕýÌ⣬ÎÒÃÇÏÈÀ´¿´Ò»Ð©¼òµ¥µÄ·½·¨£¬ÕâЩ·½·¨¶¼ÊǶÔjQu ......
XMLHttpRequestÊÇXMLHTTP×é¼þµÄ¶ÔÏó£¬Í¨¹ýÕâ¸ö¶ÔÏó£¬Ajax¿ÉÒÔÏñ×ÀÃæÓ¦ÓóÌÐòÒ»Ñùֻͬ·þÎñÆ÷½øÐÐÊý¾Ý²ãµÄÐÅÏ¢½»»»£¬¶ø²»ÓÃÿ´Î¶¼Ë¢ÐÂÒ³Ãæ£¬Ò²²»ÓÃÿ´Î½«Êý¾Ý´¦ÀíµÄ¹¤×÷¶¼½»¸ø·þÎñÆ÷À´×ö£»ÕâÑù¼´¼õÇáÁË·þÎñÆ÷µÄ¸ºµ£ÓÖ¼Ó¿ìÁËÏìÓ¦ËÙ¶È¡¢Ëõ¶ÌÁËÓû§µÈ´ýµÄʱ¼ä¡£
XMLHttpRequestÊÇAjax¼¼ÊõÖÐ×î ......
´ÓÊý¾Ý¿âmyÖеÄusernameÓû§±íÀïÑéÖ¤£º
checkusername.html£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" conte ......