¶ÔAjaxµÄһЩ»ù±¾Àí½â
Ò»¡¢ajaxµÄÈëÃÅ
1¡¢XMLHttpRequest¶ÔÏóµÄʹÓã¨Ê¹ÓÃXMLHttpRequest½âÎöxmlÎļþ£©
onreadystatechange
Ö¸¶¨µ±readyStateÊôÐԸıäʱµÄʼþ´¦Àí¾ä±ú
open()
´´½¨Ò»¸öеÄhttpÇëÇ󣬲¢Ö¸¶¨´ËÇëÇóµÄ·½·¨¡¢URLµÈÐÅÏ¢
send()
·¢ËÍÇëÇóµ½http·þÎñÆ÷²¢½ÓÊÕ»ØÓ¦
readyState
·µ»ØXMLHTTPÇëÇóµÄµ±Ç°×´Ì¬
status
·µ»Øµ±Ç°ÇëÇóµÄhttp״̬Âë
responseText
½«ÏìÓ¦ÐÅÏ¢×÷Ϊ×Ö·û´®·µ»Ø
responseXML
½«ÏìÓ¦ÐÅÏ¢¸ñʽ»¯ÎªXml Document¶ÔÏó²¢·µ»Ø
out»ØÓ¦¿Í»§
£±¡¢“Ìí¼ÓÐÂÏî” Ð½¨Ò»¸öXMLÎļþÀ´´æ·ÅÒª±»µ÷ÓõÄÊý¾Ý¡£
XMLFile.xml
<?xml version="1.0" encoding="utf-8" ?>
<response>
<res>
¶Ô²»Æð,µÇ¼ʧ°Ü!
</res>
</response>
£²¡¢“Ìí¼ÓÐÂÏî” Ð½¨Ò»¸öJSPÒ³£¬Ìí¼Ó´úÂ룺
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!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>
<title>AjaxÒì²½µ÷ÓÃ</title>
</head>
<body>
<div style="background-color:Yellow" id="mytext">AjaxÒì²½µ÷ÓÃ
</div>
<input type="button" value="¸üÐÂ" onclick="startHTTP()" />
</body>
</html>
<script type="text/javascript">
var XMLHttpReq;
function createHTTP(){
//¸ù¾Ý²»Í¬µÄä¯ÀÀÆ÷´´½¨XMLHttpRequest
if(window.ActiveXObject)//ieä¯ÀÀÆ÷
{
XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){//ÆäËûä¯ÀÀÆ÷
XMLHttpReq=new XMLHttpRequest();
}
}
//¿ªÊ¼µ÷ÓÃ
function startHTTP()
{
Ïà¹ØÎĵµ£º
Ajax ÓÉ HTML¡¢JavaScript™ ¼¼Êõ¡¢DHTML ºÍ DOM ×é³É£¬ÕâÒ»½Ü³öµÄ·½·¨¿ÉÒÔ½«±¿×¾µÄ Web ½çÃæ×ª»¯³É½»»¥Ð﵀ Ajax Ó¦ÓóÌÐò¡£±¾ÎĵÄ×÷ÕßÊÇһλ Ajax ר¼Ò£¬ËûÑÝʾÁËÕâЩ¼¼ÊõÈçºÎÐͬ¹¤×÷ —— ´Ó×ÜÌå¸ÅÊöµ½Ï¸½ÚµÄÌÖÂÛ —— ʹ¸ßЧµÄ Web ¿ª·¢³ÉΪÏÖʵ¡£Ëû»¹½Ò¿ªÁË Ajax ºËÐĸÅÄîµÄÉñÃØÃæÉ´£¬°üÀ¨ ......
ÔÚ HTML µÄÍⲿÎļþÖÐÒ»Ñù£¬±ê¼ÇµÄ×éÖ¯ÓëÆäÑùʽ¡¢¸ñʽºÍÐÐΪÊÇ·ÖÀëµÄ¡£ËäÈ»Äú¿Ï¶¨¿ÉÒÔÓà JavaScript ¸ü¸ÄÔªËØ»òÎı¾µÄÑùʽ£¬µ«Êµ¼Ê¸ü¸ÄÄúµÄ±ê¼ÇËù²¼ÖõÄ×é֯ȴ¸ü¼ÓÓÐȤ¡£
Ö»ÒªÀμÇÄúµÄ±ê¼ÇֻΪÄúµÄÒ³ÃæÌṩ×éÖ¯¡¢¿ò¼Ü£¬Äú¾ÍÄÜÁ¢ÓÚ²»°ÜÖ®µØ¡£ÔÙǰ½øÒ»Ð¡²½£¬Äú¾Í»áÃ÷°×ä¯ÀÀÆ÷ÊÇÈçºÎ½ÓÊÜËùÓеÄÎı¾×éÖ¯²¢½«Æäת±äΪ³¬¼¶ÓÐȤµ ......
ajax.open·½·¨ÖУ¬µÚ3¸ö²ÎÊýÊÇÉèͬ²½»òÕßÒì²½¡£prototypeµÈjsÀà¿âÒ»°ã¶¼Ä¬ÈÏΪÒì²½£¬¼´ÉèΪtrue¡£
ÏÈ˵ÏÂͬ²½µÄ
Çé¿öÏ£¬js»áµÈ´ýÇëÇ󷵻أ¬»ñÈ¡status¡£²»ÐèÒªonreadystatechangeʼþ´¦Àíº¯Êý¡£
¶øÒì²½ÔòÐèÒª
onreadystatechangeʼþ´¦Àí£¬ÇÒֵΪ4ÔÙÕýÈ·´¦ÀíÏÂÃæµÄÄÚÈÝ
......
<!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>
<script type="text/javascript" src="http://www.google.com/jsapi"></script> ......