AJAX非同步提交-java教程-PHP中文網

首頁

Java

java教程

AJAX非同步提交

巴扎黑

Dec 02, 2016 am 09:20 AM

ajax

ajax即時驗證使用者名稱是否存在

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>ajax验证用户名是否可用</title>
<script type="text/javascript">
var xmlHttp = null;
function checkUserName(){
var userName = document.getElementById("userName").value;
if(window.ActiveXObject){
// 申明XMLHttpRequest对象，针对较低版本的IE（5，6，7）
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
}else{
// 申明XMLHttpRequest对象，针对较高版本的IE（8+，以及主流浏览器）
xmlHttp = new XMLHttpRequest();
}
// get方式提交，带参数，异步
xmlHttp.open("get","ajax?userName="+userName,true);
// 调用回调函数
xmlHttp.onreadystatechange = callback;
xmlHttp.send();
}
// 回调函数
function callback(){
if(xmlHttp.readyState == 4){
            if(xmlHttp.status == 200){
                // xmlHttp.responseText，获取后台返回信息
                document.getElementById("label").innerHTML = xmlHttp.responseText;
            }else{
                alert("AJAX服务器返回错误！");
            }    
        }
}
function checkForm(){
if(document.getElementById("label").innerHTML != "<font color=\"green\">用户名可用</font>"){
             document.getElementById("userName").focus();
             return false;
         }
return true;
}
</script>
</head>
<body>
<form action="login" method="post" onsubmit="return checkForm()">
用户名：<input type="text" onblur="checkUserName()" id="userName" name="userName">
<label id="label"></label><br>
密码：<input type="password"><br>
<input type="submit">
</form>
</body>
</html>

2、web.xml

  <!-- ajax获取信息 -->
  <servlet>
    <servlet-name>AjaxServlet</servlet-name>
    <servlet-class>com.servlet.AjaxServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>AjaxServlet</servlet-name>
    <url-pattern>/ajax</url-pattern>
  </servlet-mapping>

3、servlet

package com.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class AjaxServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doPost(request, response);
}
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
String userName = request.getParameter("userName");
if(userName.equals("admin")){
out.print("<font color=&#39;red&#39;>用户名已经存在</font>");
}
else if (userName.length() == 0) {
out.print("<font color=&#39;red&#39;>用户不能为空</font>");
}
else if (userName.indexOf(" ") > 0) {
out.print("<font color=&#39;red&#39;>用户不能含有空格</font>");
}
else if (userName.length() > 10 || userName.length() < 4) {
out.print("<font color=&#39;red&#39;>用户长度在4-10之间</font>");
}
else {
out.print("<font color=&#39;green&#39;>用户名可用</font>");
}
out.flush();
out.close();
}
}

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

如何將Maven或Gradle用於高級Java項目管理，構建自動化和依賴性解決方案？Mar 17, 2025 pm 05:46 PM

本文討論了使用Maven和Gradle進行Java項目管理，構建自動化和依賴性解決方案，以比較其方法和優化策略。

如何使用適當的版本控制和依賴項管理創建和使用自定義Java庫（JAR文件）？Mar 17, 2025 pm 05:45 PM

本文使用Maven和Gradle之類的工具討論了具有適當的版本控制和依賴關係管理的自定義Java庫（JAR文件）的創建和使用。

如何使用咖啡因或Guava Cache等庫在Java應用程序中實現多層緩存？Mar 17, 2025 pm 05:44 PM

本文討論了使用咖啡因和Guava緩存在Java中實施多層緩存以提高應用程序性能。它涵蓋設置，集成和績效優勢，以及配置和驅逐政策管理最佳PRA

如何將JPA（Java持久性API）用於具有高級功能（例如緩存和懶惰加載）的對象相關映射？Mar 17, 2025 pm 05:43 PM

本文討論了使用JPA進行對象相關映射，並具有高級功能，例如緩存和懶惰加載。它涵蓋了設置，實體映射和優化性能的最佳實踐，同時突出潛在的陷阱。[159個字符]

Java的類負載機制如何起作用，包括不同的類載荷及其委託模型？Mar 17, 2025 pm 05:35 PM

Java的類上載涉及使用帶有引導，擴展程序和應用程序類負載器的分層系統加載，鏈接和初始化類。父代授權模型確保首先加載核心類別，從而影響自定義類LOA

See all articles

熱AI工具

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

免費脫衣圖片

Clothoff.io

AI脫衣器

AI Hentai Generator

免費產生 AI 無盡。

熱工具

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合，這些清單在安全評估過程中經常使用，而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表，幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上，他就可以存取所需的每種類型的清單。

SublimeText3 Linux新版

SublimeText3 Linux最新版

Atom編輯器mac版下載

最受歡迎的的開源編輯器

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中，你可以繼續在那裡關注我們。 MinGW：GNU編譯器集合（GCC）的本機Windows移植版本，可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔；包括對MSVC執行時間的擴展，以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。