AjaxÌØÐ§£º¶¯Ì¬¼ÓÔØµÄFAQ Ö®Ò»
ͼ1.1 ʵÀýÔËÐÐЧ¹û
1.1.1 ¼¼ÊõÒªµã
¶¯Ì¬¼ÓÔØFAQµÄ¹ý³ÌÖ÷ÒªÊÇÀûÓÃXMLHttpRequest£¨ÒÔϼò³ÆXHR£©¶ÔÏóÓë·þÎñ¶ËͨÐÅ£¬¸ù¾ÝÓû§µ¥»÷µÄ¸ÐÐËȤÎÊÌ⶯̬½«ÄÚÈݼÓÔØµ½Ò³ÃæÖС£ÔÚ¾ßÌåʵÏÖʱ£¬ÓÐÁ½µãҪעÒâµÄÄÚÈÝ¡£
1£®¶Ôÿ¸öÎÊÌâ½øÐÐΨһ±êʶ
FAQÖ÷Òª°üº¬ÎÊÌâÓë½â´ðÁ½¸ö²¿·Ö£¬Óû§µ¥»÷Ò»¸öÎÊÌâʱ£¬·þÎñÆ÷±ØÐëÖªµÀÇëÇóµÄÊÇÄĸöÎÊÌâµÄ½â´ð£¬ËùÒÔ±ØÐë¶Ôÿ¸öÎÊÌâ½øÐÐΨһ±êʶ¡£±êʶµÄ·½·¨ºÜ¶à£¬ÔÚ±¾ÀýÖмòµ¥Ê¹ÓÃÊý×Ö½øÐбêʶ¡£Ã¿¸öÎÊÌâÔÚÒ³ÃæÉϱíÏÖΪ³¬Á´½Ó£¬µ¥»÷Á´½Ó½«´¥·¢onclickʼþ£¬µ÷ÓÃloadFAQº¯Êý£¬´«ÈëÎÊÌâ±êʶ£¬»ñÈ¡¶ÔÓ¦µÄ½â´ð¡£
µ¥»÷ºó²¢²»ÊÇÒªÕæÕýÁ´½Óµ½Ò»¸öеÄÒ³Ãæ£¬ËùÒÔÔÚ<a>±êÇ©µÄonclickʼþÖÐreturn falseÈ¡ÏûÔÓÐÁ´½ÓµÄ¹¦ÄÜ¡£Ã¿¸ö´ð°¸·ÖÅäÒ»¸ödivÓÃÓÚÏÔʾ£¬Ã¿¸ödivµÄidÊôÐÔÃüÃû¹æÔòΪ£¬ÔÚ¶ÔÓ¦µÄÎÊÌâÊý×Ö±êʶǰͳһÔö¼Ó“faqDetail”¡£
2£®¶ÔÒѼÓÔØµÄ½â´ð²»Öظ´Ïò·þÎñÆ÷·¢³öÇëÇó
ÎÊÌâµÄ½â´ð¼ÓÔØºó£¬½«ÏÔʾÔÚ¶ÔÓ¦ÎÊÌâÏ·½µÄdivÖС£µ±Óû§Ôٴε¥»÷ÎÊÌâʱ¸Ãdiv½«Òþ²ØÆðÀ´¡£Èç¹ûÓû§µÚÈý´Îµ¥»÷ÏàͬµÄÎÊÌ⣬ÓÉÓÚ½â´ðÒѼÓÔØµ½Ò³Ã棬ËùÒÔ²»ÐèÒªÔÙ´ÎÏò·þÎñÆ÷·¢ËÍÇëÇó£¬Ö»Ð轫Òþ²ØµÄdivÏÔʾ³öÀ´¼´¿É¡£
Òþ²ØºÍÏÔʾÖ÷Ҫͨ¹ýÉèÖÃdivÑùʽÖеÄdisplayÊôÐÔÀ´Íê³É£¬µ±displayÊôÐÔÉèÖÃΪ“none”ʱÒþ²Ø£¬ÉèÖÃΪ“block”ʱÏÔʾ¡£ÅжÏÊÇ·ñÐèÒª·¢³öÇëÇ󣬿ÉÒÔ¼ì²édivµÄinnerHTMLÊÇ·ñ°üº¬ÄÚÈÝ¡£
Ïà¹ØÎĵµ£º
Ê×Ïȶ¼ÊÇʹÓÃVS.Net2005´´½¨Ò»¸ö ASP.Net AJAX-Enabled Web Application
1¡¢Ê¹ÓÃAJAXÖ±½Óµ÷Óúǫ́·½·¨£º
ºǫ́´úÂ룺
namespace AJAX1
{
public partial class _Default : System.Web.UI.Page
{
// ÐèÒª±êʶΪWebMethod ......
ʵÏÖ×¢²á½çÃæÎÞË¢ÐÂÅжÏÖØÃû£¬ÓÉÓÚÒª·ÃÎÊÊý¾Ý¿â£¬ËùÒÔÒª´ïµ½ÎÞˢУ¬Ö»ÄÜÓÃAjax¼¼Êõ¡£
ÆäÖÐ×îÖØÒªµÄ¾ÍÊÇxmlHttp¶ÔÏó¡£
XmlHttpÊÇʲô£¿
×îͨÓõ͍ÒåΪ£ºXmlHttpÊÇÒ»Ì׿ÉÒÔÔÚJavascript¡¢VbScript¡¢JscriptµÈ½Å±¾ÓïÑÔÖÐͨ¹ýhttpÐÒé´«ËÍ»ò´Ó½ÓÊÕXML¼°ÆäËûÊý¾ÝµÄÒ»Ì×API¡£XmlHttp×î´óµÄÓô¦ÊÇ¿ÉÒÔ¸üÐÂÍøÒ³µ ......
ÏÈÀ´Ð´Ò»¸ö¼òµ¥µÄAjax³ÌÐò£¬Ê¹Ó÷Çͬ²½µÄ·½Ê½Ïò·þÎñÆ÷¶ËÈ¡µÃTXTÎļþÖеÄÄÚÈÝ£¬²¢¼ÓÒÔÏÔʾ¡£Ê×ÏÈ£¬Çë×¼±¸Ò»¸öHelloAjax.aspx(HTMLÒ²¿É)£º
*HelloAjax.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HelloAjax.aspx.cs" Inherits="HelloAjax._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD ......
XMLHTTPRequestÊÇÒÀ¸½ÓÚä¯ÀÀÆ÷µÄÒ»¸ö×é¼þ£¬ä¯ÀÀÆ÷²»Í¬Õë¶ÔµÄ×é¼þÃû³ÆÒ²²»Í¬¡£XMLHTTPRequestÊÇFirefoxÖÐ×é¼þµÄÃû³Æ£¬ÔÚIEÖнÐXMLHTTP¡£“XMLHTTP”ÓÐÁ½¸öÓŵ㣺¾Ö²¿Ë¢Ð¡¢Òì²½¶ÁÈ¡¡£
AjaxµÄʵÏÖ²½Ö裺
1¡¢ ´´½¨Òì²½¶ÔÏó£º
ÔÚIEÖУºvar xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
......
Ò»¡¢XMLHttpRequest ¶ÔÏóµÄ·½·¨ÓëÊôÐÔ
·½ ·¨
Ãè Êö
abort()
Í£Ö¹µ±Ç°ÇëÇó
getAllResponseHeaders()
°ÑHTTPÇëÇóµÄËùÓÐÏìÓ¦Êײ¿×÷Ϊ¼ü/Öµ¶Ô·µ»Ø
getResponseHeader("header")
·µ»ØÖ¸¶¨Êײ¿µÄ´®Öµ
open("method", "url")
½¨Á¢¶Ô·þÎñÆ÷µÄµ÷Óá£method²ÎÊý¿ÉÒÔÊÇGET¡¢POST»òPUT¡£ ......