用的post方法，最后一句傳傳資料報錯了，之前寫的時候還是好的，可以運行，現在卻錯了不知道為什么
頁面代碼
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>注冊頁面</title>
<link rel="stylesheet" type="text/css" href="https://bbs.csdn.net/topics/css/regist.css">
<script type="text/javascript" src="https://bbs.csdn.net/topics/js/jquery.min.js"></script>
<style type="text/css">
.red {
color: OrangeRed;
}
.green {
color: SpringGreen;
}
</style>
</head>
<body>
<div class="wrapper">
<article>
<h1>注冊</h1>
<div class="main">
<form>
<div class="userName">
<input type="text" name="userName" id="name" placeholder="用戶名">
<span id="span01"></span>
</div>
<div class="password">
<input type="password" name="pwd" placeholder="密碼">
</div>
<div class="againpwd">
<input type="password" name="pwd" placeholder="確認密碼">
</div>
<div class="tel">
<input type="tel" name="userName" placeholder="手機號">
</div>
<button>注冊</button>
</form>
</div>
</article>
<footer>
<ul>
<li><a href="https://bbs.csdn.net/topics/#">聯系我們</a></li>
<li><a href="https://bbs.csdn.net/topics/#">關于我們</a></li>
<li><a href="https://bbs.csdn.net/topics/#">人才招聘</a></li>
<li><a href="https://bbs.csdn.net/topics/#">友情鏈接</a></li>
<li><a href="https://bbs.csdn.net/topics/#">公司地址</a></li>
<li><a href="https://bbs.csdn.net/topics/#">關注我們</a></li>
</ul>
</footer>
</div>
<table border="1" width="500">
<tr>
<td>用戶名</td>
<td><input type="text" name="" id="name" placeholder="請輸入用戶名" />
<span id="span01"></span></td>
</tr>
<tr>
<td>密碼</td>
<td><input type="text" name="password" placeholder="請輸入密碼"></td>
</tr>
<tr>
<td>確認密碼</td>
<td><input type="text" name="password" placeholder="請確認密碼"></td>
</tr>
<tr>
<td>郵箱</td>
<td><input type="text" name=""></td>
</tr>
<tr>
<td>簡介</td>
<td><input type="text" name=""></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="https://bbs.csdn.net/topics/注冊"></td>
</tr>
</table>
JQ部分的
<script type="text/javascript">
function ajaxFunction() {
var xmlHttp;
try { // Firefox, Opera 8.0+, Safari
xmlHttp = new XMLHttpRequest();
} catch (e) {
try {// Internet Explorer
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
}
}
}
return xmlHttp;
}
var na = document.getElementById("name");
na.onblur = function() {
var name = na.value;
var request = ajaxFunction();
request.open("POST", "/ajax/CheckUsernameServlet", true);
request.onreadystatechange = function() {
if (request.readyState == 4 && request.status == 200) {
var data = request.responseText;
var span = document.getElementById("span01");
if (data == 1) {
span.innerHTML = "用戶名已存在！";
span.className = "red";
} else {
span.innerHTML = "用戶名可用！";
span.className = "green";
}
}
}
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
request.send("name="+name);
}
</script>
</body>
</html>
CheckUsernameServlet的代碼
package com.ajax.servlet;
import java.io.IOException;
import java.sql.SQLException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.ajax.dao.UserDao;
import com.ajax.dao.impl.UserDaoImpl;
@WebServlet("/CheckUsernameServlet")
public class CheckUsernameServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
try {
String name = request.getParameter("name");
System.out.println("name="+name);
UserDao dao = new UserDaoImpl();
boolean isE = dao.checkName(name);
if(isE) {//存在，重名了
response.getWriter().println(1);
}else {//不存在，可用
response.getWriter().println(2);
}
} catch (SQLException e) {
e.printStackTrace();
}
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}
uj5u.com熱心網友回復：
干嘛不用jquery之類封裝好的ajax請求，主要看運行起來有沒有報錯，如果可以正常運行就不用管報錯，jsp檔案的語法校驗可能有問題uj5u.com熱心網友回復：
用ajax檢驗用戶名我就學了這一種。。。。。uj5u.com熱心網友回復：
你直接把引數拼到url 里，send里啥也不寫不就行了。這要還報錯，那就是代碼有問題
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/47821.html
標籤：Java相關
上一篇：Java 類 與繼承求解答