使用ajax方式驗證使用者名稱是否存在程式碼

在很多網站註冊的時候，能夠實時的驗證當前使用者名稱是否存在，如果存在的話就提示無法註冊，下面就通過程式碼介紹一下如何利用ajax實現此效果，希望能夠給需要的朋友帶來一定的幫助。

一.表單程式碼:

[HTML] 純文字檢視 複製程式碼
<input  type="text" id="dept_name" name="dept.dept_name"  onchange="tocheckname()"/>

二.ajax程式碼:

[JavaScript] 純文字檢視 複製程式碼
function tocheckname(){ 
  var deptName= $("#dept_name").val(); 
  $.ajax({ 
    type:"POST", 
    cache:false, 
    url:"${rootPath}/dept/checkdeptname.htm", 
    dataType:"text", 
    data:{"dept.id":"${dept.id}","dept.dept_name":deptName}, 
    async:false, 
    success:function(data){ 
      if(0<parseInt(data)){ 
        alert("此科室已存在"); 
        $("#dept_name").attr("value",""); 
        $("#dept_name").focus(); 
      } 
    } 
  }); 
}

三.後臺程式碼:

[C#] 純文字檢視 複製程式碼
public String checkdeptname() throws Exception { 
  if (UtilAPI.isNull(dept)) { 
    dept = new Dept(); 
  } 
  int count = this.deptService.checkdeptname(dept.getId(), dept.getDept_name()); //如果存在返回1，不存在返回0
  try { 
    response.getOutputStream().print(count); 
  } 
  catch (IOException e) { 
    e.printStackTrace(); 
  } 
  return Action.NONE; 
}

以上的程式碼實現驗證要求，當然上面的程式碼不可能直接拼湊起來就能實現功能，還需要進行資料庫查詢等，這個知道後臺語言的都很清楚，這裡就不多說了，只是簡單介紹一下它的實現過程。