异步提交

<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>

你可能感兴趣的:(jquery,Ajax)