异步提交

最新推荐文章于 2023-07-10 15:02:25 发布

huangsen110

最新推荐文章于 2023-07-10 15:02:25 发布

阅读量85

点赞数

文章标签： jQuery Ajax ViewUI

本文链接：https://blog.csdn.net/huangsen110/article/details/83874241

版权

<html>
<head>
<title>用户邮箱唯一性验证</title>
<script type="text/javascript" src="<%= request.getContextPath() %>/js/jquery-1.3.1.js"></script>
<script type="text/javascript">
$(function(){
$("#userEmail").blur(function(){

// www.baidu.com?userName=123&userPwd=123

$.ajax({
type: 'POST',
dataType: 'text',
url: '<%= request.getContextPath() %>/test',
data: 'doAction=uniqueUserEmail&userEmail=' + $("#userEmail").val(),
error: function(data){
alert("提示: 进行分步式请求失败, 可能原因: 访问站点网速过慢或请求数据被拒绝!");
},
success: function(data){
if ($.trim(data) == 'true') {
$("#userEmailTip").text("提示：用户邮箱可以注册");
} else {
$("#userEmailTip").text("提示：用户邮箱已经存在");
}
}
});

});
});
</script>
</head>
<body>
<label for="userEmail">用户邮箱：</label><input type="text" id="userEmail" name="userEmail"/><span id="userEmailTip"></span><br/>
<label for="userPwd">用户密码：</label><input type="text" id="userPwd" name="userPwd"/><br/>

<input type="submit"/>
</body>
</html>