JSP頁面通過Ajax非同步驗證input輸入框的資料
阿新 • • 發佈:2019-02-12
JSP頁面資訊
<script src="../js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
function ajaxName()
{
var name = document.getElementById("name").value;
$.ajax( {
url : 'ifUserByName.action?',type : 'POST',datatype : 'TEXT',cache : false,timeout : 1000,async : true,
data : {
name : name
},
error: function(){ //失敗
alert('Error loading');
},
success : function(msg) {
$("#nameSpan").html(msg);
}
});
}
</script>
主持人: *
Struts配置Action資訊:
<action name="ifUserByName" method="ifUserByName" class="SubjectAction"> </action>
Action對應的方法:
public String ifUserByName() throws IOException{ HttpServletResponse response = ServletActionContext.getResponse(); response.setCharacterEncoding("UTF-8"); UsrUser user = userservice.getUserByName(name); if(user== null){ PrintWriter out = response.getWriter(); out.write("主持人"+name+"不存在"); out.flush(); out.close(); } return null; }
JSP頁面效果: