ajax½øÐÐÓû§µÄÓÐЧÐÔ¼ì²âʾÀý
ajax½øÐÐÓû§µÄÓÐЧÐÔ¼ì²âʾÀý
1¡¢ ÊäÈëÓò£º
»áÔ±µÄÓÐЧÐÔ¼ì²é£º
<input type="text" name="username"> <input type="button" value="¼ì²é" onclick="return check();">
2¡¢ JavaScript½Å±¾£º
var xmlHttp;
//´´½¨XMLHttpRequest¶ÔÏó
function createXMLHttpRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpReuqest();
}
//×¢²áÃûÓÐЧÐÔ¼ì²é
function check() {
var username = document.getElementById('username').value;
if(username=="") {
alert("Óû§Ãû²»ÄÜΪ¿Õ£¡");
return;
}
createXMLHttpRequest();
xmlHttp.onreadystatechange = processCheck;
xmlHttp.open("GET", "CheckUser?username=" + username);
xmlHttp.send(null);
}
//°ó¶¨µÄÓÐЧÐÔ¼ì²éº¯Êý
function processCheck() {
var result;
if(xmlHttp.readyState == 4) { //Èç¹ûÏìÓ¦Íê³É
if(xmlHttp.status == 200) { //Èç¹û·µ»Ø³É¹¦
result = xmlHttp.responseText;
&
Ïà¹ØÎĵµ£º
function createXMLHttpRequest(){
if(window.ActiveXObject){
http = new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){
& ......
AjaxÌá½»Êý¾ÝÒ»°ã¶¼ÊÇͨ¹ýURLºó±ßµÄ²ÎÊýÐÎʽÀ´´«µÝÊý¾ÝµÄ£¬±ÈÈçʹÓÃXMLHttpRequest.open('POST', url, true);µÄ·½Ê½Ê¹ÓÃʱ£¬Æäurl²ÎÊýÖоͰüº¬ÁËÐèÒªÌá½»µÄÊý¾Ý£¬ËüµÄÐÎʽÈ磺http://www.mysite.com/handler.do?name='²Ü²Ù'&sex='ÄÐ'£¬ÊǰÑkey=valueÐÎʽµÄÊý¾Ýͨ¹ý &·ûºÅÁ¬½ÓÆðÀ´£¬ ......
ʹÓÃAjaxÖвéѯÊý¾Ý¿âʱ£¬Ö»µÚÒ»´Î²éѯÁËÊý¾Ý¿â£¬ÒÔºóÔÙÓÐÇëÇó¾Í²»Ìá½»¸ø·þÎñÆ÷´¦ÀíÁË
ҳͷµÄÇ建´æ±êǩûÆð×÷ÓÃ
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
½â¾ö·½·¨£º
1£º¼Óʱ¼ä´Á var url ......
var xmlHttp;
var flag = false;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
}
fu ......
±¾ÎÄÄÚÈÝÕª×Ô£º¡¶Java Web¿ª·¢½Ì³Ì——ÈëÃÅÓëÌá¸ßƪ£¨JSP+Servlet£©¡·
½»»¥µÄ»ù±¾¹ý³Ì°üÀ¨£º
l ´´½¨XMLHttpRequest¶ÔÏó£»
l ·¢ËÍÇëÇó£»
l ´¦ÀíÏìÓ¦¡£
´ ......