//作為一個初學者在網上找了幾天沒有解決自己動手寫一個Ajax的小程序,于是自己總結下來,
//可以把代碼完全復制到一個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();//創建ajax對象function CreateHttpRQ(){if(window.navigator.appName=="Microsoft Internet Explorer"){try{return new ActiveXObject("Microsoft.xmlhttp");}catch(E){return null;}}else{return new XMLHttpRequest();}}//這是用來檢測創建對象是否成功的,如果對象都沒創建成功,就不要談往下做了 if(xmlhttp!=null){window.status="chenggong";} //這是檢測與服務器傳輸狀態的函數,function OnStatusChange(){if(xmlhttp.readyState==4){if(xmlhttp.status==200){document.getElementById("message").innerHTML=xmlhttp.responseText;}else{document.getElementById("message").innerHTML=xmlhttp.status;}}}//失去焦點時,執行的函數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>
新聞熱點
疑難解答