Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

AjaxÈëÃÅÀý×Ó

  //´´½¨XMLHttpRequest¶ÔÏó£¬ÐèÒª¸ù¾ÝIEºÍä¯ÀÀÆ÷ÀàÐÍ´´½¨²»Í¬µÄxhr¶ÔÏó
var xhrobj;
function check()
{
//»ñÈ¡Îı¾¿òµÄÖµ
var username = document.getElementById("username").value;
if(window.XMLHttpRequest)
{
//Õë¶Ôfirefox£¬Mozilla£¬ie7£¬ie8µÈ
xhrobj = new XMLHttpRequest();
//Õë¶ÔijЩÌض¨°æ±¾µÄMozillaä¯ÀÀÆ÷µÄbug½øÐÐÐÞÕý
if(xhrobj.overrideMimeType)
{
xhrobj.overrideMimeType("text/html");
}
}
else if(window.ActiveXObject)
{
//Õë¶Ôie6£¬ie5
//½«´´½¨xhr¶ÔÏóµÄ¿Ø¼þÃû³Æ±£´æÔÚÊý×éÖÐ
var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for(var i=0;i<activexName.length;i++)
{
try
{
xhrobj = new ActiveXObject(activexName[i]);
break;
}
catch(e)
{
}
}
}

/*if(!xhrobj)
{
alert("XMLHttpRequest¶ÔÏó´´½¨Ê§°Ü");
return;
}
else
{
alert(xhrobj);
}*/

//×¢²á»Øµ÷º¯Êý¡£ÕâÀïÖ»ÐèÒªº¯ÊýÃû²»ÐèÒª¼ÓÀ¨ºÅ
xhrobj.onreadystatechange = callback;
//ÉèÖÃÁ¬½Ó.getÁ¬½Ó·½Ê½£¬true±íʾ²ÉÈ¡Òì²½·½Ê½½»»¥
xhrobj.open("GET","test?username="+username,true);
//·¢ËÍÊý¾ÝºÍ·þÎñÆ÷½»»¥
xhrobj.send(null);
//post·½Ê½,ÐèÒª×Ô¼ºÉèÖÃÇëÇóÍ·¡£
//xhrobj.open("POST","test",true);
//xhrobj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//xhrobj.send("username="+username);
}
function callback()
{
//Åж϶ÔÏóµÄ״̬ÊÇ·ñ½»»¥Íê³É
if(xhrobj.readyState==4)
{
//ÅжÏHTTPµÄ½»»¥ÊÇ·ñÍê³É
if(xhrobj.status==200)
{
//»ñÈ¡·þÎñÆ÷¶Ë·µ»ØµÄÊý¾Ý
var responseText = xhrobj.responseText;
//ͨ¹ýdom·½Ê½ÕÒµ½div½Úµã
var divNode = document.getElementById("result");
//½«Êý¾ÝÏÔʾÔÚHTMLÒ³ÃæÉÏ
divNode.innerHTML = responseText;
}
}
}

ÇëÊäÈëÓû§Ãû:<br>

<input type="text" id="username">
<input type="button" value="УÑé" onclick="check()">
<div id="result"></div>
package com.gyb.ajax;
import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLDecoder;
import javax.servlet.Servlet


Ïà¹ØÎĵµ£º

FireFoxºÍIE ÖÐ Ajax ͬ²½Ö´ÐÐ

var Ajax = new Object;
Ajax.Sysch = function(url) {
var req;
var result = "";
//document .write ("hello")
if (window.XMLHttpRequest) {
//´úÂë¶Î1
// ·ÇIEä¯ÀÀÆ÷

req = new XMLHttpRequest();
//alert(req);
//req.setReque ......

jquery¡¢Ajax¡¢strutsµÄ¼¯³É

Html´úÂ룺
<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title>jquery ajax</title>
  <link rel="stylesheet" type="text/css" media="screen"
  ......

AJAX¼¼ÊõÈëÃÅÖ¸µ¼

ʲôÊÇ AJAX?
¡¡¡¡AJAX (Òì²½ JavaScript ºÍ XML) ÊǸöвúÉúµÄÊõÓï,רΪÃèÊöJavaScriptµÄÁ½ÏîÇ¿´óÐÔÄÜ.ÕâÁ½ÏîÐÔÄÜÔÚ¶àÄêÀ´Ò»Ö±±»ÍøÂ翪·¢ÕßËùºöÂÔ,Ö±µ½×î½üGmail, Google suggestºÍgoogle MapsµÄºá¿Õ³öÊÀ²ÅʹÈËÃÇ¿ªÊ¼Òâʶµ½ÆäÖØÒªÐÔ.
¡¡¡¡ÕâÁ½Ïî±»ºöÊÓµÄÐÔÄÜÊÇ:
¡¡¡¡ÎÞÐèÖØÐÂ×°ÔØÕû¸öÒ³Ãæ±ãÄÜÏò·þÎñÆ÷·¢ËÍÇëÇó.
¡¡¡ ......

ʹÓÃjQuery¼ò»¯Ajax¿ª·¢——Ajax¿ª·¢ÈëÃÅ

jQueryÊÇÒ»¸ö¿ÉÒÔ¼ò»¯ JavaScript?ÒÔ¼°AJAX£¨Asynchronous JavaScript
+XML£¬Òì²½JavascriptºÍXML£©±à³ÌµÄJavascript¿â¡£²»Í¬ÓÚÆäËûµÄJavascript¿â£¬jQueryÓÐËû×Ô¼ºµÄÕÜѧ£¬Ê¹Äã¿É
ÒԺܼòµ¥µÄ±àд´úÂë¡£ÕâƪÎÄÕ¾ͻá´øÁìÄã¼ûʶһÏÂjQueryµÄÕÜѧ£¬Ì½ÌÖÒ»ÏÂËûµÄÌØÐÔÒÔ¼°¹¦ÄÜ£¬²¢ÇÒ»á×öһЩajaxµÄʾÀý£¬ÒÔ¼°ÈçºÎʹÓÃplug-
......

Ajax¿ò¼Ü

var XmlHttp;
var PathUrl;
function createXmlHttp() {
    if (window.ActiveXObject) {
        return new ActiveXObject("Microsoft.XMLHTTP");
    }
    else if (window.XMLHttpRequest) {
      ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ