//作為一個初學(xué)者在網(wǎng)上找了幾天沒有解決自己動手寫一個Ajax的小程序，于是自己總結(jié)下來，
//可以把代碼完全復(fù)制到一個eclipse工程里，觀看效果！
1、在java-web工程WebContent下新建一個test1文件夾，建立1.jsp文件
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/Javascript">var xmlhttp=CreateHttPRQ();//創(chuàng)建ajax對象function CreateHttpRQ(){if(window.navigator.appName=="Microsoft Internet Explorer"){try{return new ActiveXObject("Microsoft.xmlhttp");}catch(E){return null;}}else{return new XMLHttpRequest();}}//這是用來檢測創(chuàng)建對象是否成功的，如果對象都沒創(chuàng)建成功，就不要談往下做了 if(xmlhttp!=null){window.status="chenggong";} //這是檢測與服務(wù)器傳輸狀態(tài)的函數(shù)，function OnStatusChange(){if(xmlhttp.readyState==4){if(xmlhttp.status==200){document.getElementById("message").innerHTML=xmlhttp.responseText;}else{document.getElementById("message").innerHTML=xmlhttp.status;}}}//失去焦點時，執(zhí)行的函數(shù)function OnBlur(obj) {var n=obj.value;//這個地址是絕對地址，不能用相對地址url="http://localhost:8080/testanything/test1/2.jsp?name="+n;xmlhttp.open("GET",url,true);xmlhttp.onreadystatechange=OnStatusChange;xmlhttp.send(null);}</script></head><body><form action="">用戶名：<input type="text" name="username" onblur="OnBlur(this)" />:<div id="message"></div><br/>密碼：<input type="passWord" name="password" /><input type="submit" value="提交"/></form></body></html>
2、在新建一個2.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body><%String na=request.getParameter("name");if(na!=null||!na.equals("")){if(na.equals("hello")){out.print("用戶存在");}else{out.print("用戶不存在，可以注冊");}}%></body></html>
新聞熱點
疑難解答
