1. 程式人生 > >JSP頁面通過Ajax非同步驗證input輸入框的資料

JSP頁面通過Ajax非同步驗證input輸入框的資料

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頁面效果: