AJAX+Servlet+Myeclipse8.5使用Get传输

最新推荐文章于 2024-07-11 20:52:59 发布

huang890628

最新推荐文章于 2024-07-11 20:52:59 发布

阅读量343

点赞数

分类专栏： JAVA 文章标签： myeclipse servlet ajax xmlhttprequest exception function

本文链接：https://blog.csdn.net/huang890628/article/details/6066196

版权

JAVA 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

web.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
<display-name>AjaxServ</display-name>
<welcome-file-list>
    <welcome-file>head.jsp</welcome-file>
</welcome-file-list>
<servlet>
    <description>servlet处理ajax传回命令</description>
    <display-name>serv</display-name>
    <servlet-name>serv</servlet-name>
    <servlet-class>com.ajax.serv</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>serv</servlet-name>
    <url-pattern>/serv</url-pattern>
</servlet-mapping>
</web-app>

com.ajax.serv.java文件

package com.ajax;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class serv extends HttpServlet {
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request,
            HttpServletResponse response) {
        try {
            response.setContentType("text/html;charset=gb2312");
            response.setHeader("Cache-Control", "no-cache");
            PrintWriter out = response.getWriter();
            String name = (String) request.getParameter("uid");
            System.out.println("");
            if (name.equals("huang")) {
                out.print("已经注册，不可使用");
            } else {
                out.print("还未注册，可以使用");
            }
            out.flush();
            out.close();
        } catch (IOException ie) {
            ie.printStackTrace();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

head.jsp

<!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 = null;
    function createXMLHttpRequest() {
        var value = document.form0.uid.value;
        if (xmlHttp == null) {
            if (window.ActiveXObject) {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTp");
            } else if (window.XMLHttpRequest) {
                xmlHttp = new XMLHttpRequest();
            }
        }
        if (xmlHttp) {
            xmlHttp.open("Get", "/AjaxServ/serv?uid=" + value, true);
            xmlHttp.onreadystatechange = setState;
            xmlHttp.send(null);
        }
    }
    function setState() {
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
            var responseValue = xmlHttp.responseText;
            document.getElementById("userexistornot").innerHTML = responseValue;
        }
    }
</script>
</head>
<body>
<form name="form0" method="post">
<table border="0" width="400px">
    <tr>
        <td align="right">用户名:</td>
        <td align="left"><input type="text" name="uid"
            onBlur="createXMLHttpRequest()"></td>
        <td align="left">
        <div id="userexistornot"> </div>
        </td>
    </tr>
    <tr>
        <td align="right">asd:</td>
        <td align="left"><input type="text" name="right"></td>
    </tr>
</table>
</form>
</body>
</html>

huang890628

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AJAX+Servlet+Myeclipse8.5使用Get传输

<br />web.xml文件<br /><?xml version="1.0" encoding="UTF-8"?><br /><web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="ht
复制链接

扫一扫