具体格式如下
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-1.5.1.js">
</script>
<script type="text/javascript">
$(function() {
$("[name=name]").blur(function() {
var name = $("[name=name]");
$.ajax({
//1.要请求的服务器url
url: "myfirstweb/LoginServlet",
//2.data对象包含两个请求参数，这两个参数服务器端可以使用request.getParameter()来获取
data: {method: "ajax",val: name},
//3.表示是否为异步请求（同步请求会等待服务器返回的结果）
async: true,
//4.是否缓存结果
cache:false,
//5.请求方式
type: "POST",
//6.服务器返回的数据类型(json是js中的一个对象)
dataType: "json", //或者为"xml"
//7.这个函数会在服务器执行成功时被调用，参数result是服务器返回的值
success: function(result) {
$("label").text(result ? "用户名可以使用" : "用户名已存在！")
},
});
});
});
</script>
</head>
<body>
用户名:
<input type="text" name="name" />
<label></label>
密码:
<input type="text" name="password" />
</body>
</html>
时间： 2024-11-10 12:26:35