[email protected]眾匯雲聚 QQ群:437393312
1.Java程式碼如下:
package com.eduask;
import java.io.IOException;
import java.util.Date;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class Demo4 extends HttpServlet {
@Override
protected void service(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
req.setCharacterEncoding("utf-8");
resp.setCharacterEncoding("utf-8");
resp.setContentType("text/xml;charset=utf-8");
String name=req.getParameter("name1");
if ("tom".equals(name)) {
resp.getWriter().write("<root>abc"+"<msg>"+"使用者名稱不可以註冊"+"</msg>"+"</root>");
}else{
resp.getWriter().write("<root>abc"+"<msg>"+"使用者名稱可以註冊"+"</msg>"+"</root>");
}
}
}
2.xmldemo4.jsp程式碼如下:
<body>
請輸入使用者名稱: <input id="name1" type="text" name="name1"
<span id="span1"></span>
<script type="text/javascript">
var getName1Id=document.getElementById("name1");
getName1Id.onblur=function(){
var xhr=getXhr();
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
var doc=xhr.responseXML;
var e1=doc.getElementsByTagName("msg")[0];
var msg=e1.firstChild.nodeValue;
//alert(msg);
var span=document.getElementById("span1");
span.innerHTML="<font color=red>"+msg+"</font>";
}
}
}
xhr.open("post","/ajax/Demo4");
//設定訊息頭,告訴瀏覽器攜帶請求體資料;
xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
var span=document.getElementById("span1");
span.innerHTML="正在載入資料"
xhr.send("name1="+getName1Id.value);
}
function getXhr(){
var xhr;
if(window.XMLHttpRequest){
xhr=new XMLHttpRequest();
}else{
xhr=new ActiveXObject("microsoft,xmlhttp");
}
return xhr;
}
</script>
</body>
3.web.xml配置檔案如下:
<!-- demo4 -->
<servlet>
<servlet-name>Demo4</servlet-name>
<servlet-class>com.eduask.Demo4</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Demo4</servlet-name>
<url-pattern>/Demo4</url-pattern>
</servlet-mapping>