SSH+Ajax實現使用者名稱重複檢查（二）

標籤：style   blog   http   color   os   使用   io   java   ar   

1、另外一種更常用的js表達方式：

var user = {     inintEvent: function(){         $("input[name=‘user.User_LogName‘]").unbind("blur"); /*移動開輸入框的時候就會響應，user.User_LogName為輸入框的名字*/        $("input[name=‘user.User_LogName‘]").bind("blur", function(){             user.checkUser($(this).val());         });     },         checkUser:function(logname){         var parameter = {             logname:logname/*入參,為什麼用這樣表示,形參:實參？*/        };

$.ajax({
　　url:"userJSON_checkname.action",//這裡寫你提交的action
　　type:"post",
　　data:{"logname":logname,"pid":5},//這裡是你提交的參數，可以寫很多
　　dataType:"text",//資料格式
　　cache: false,
　　async: false,
　　success:function(data){//這裡是你返回的資料
　　　　if(data=="\"ok\""){ /*注意這裡的雙引號寫法*/
　　　　　　$("#message").text("該使用者名稱可用");
　　　　　　$("#message").css("color","blue");
　　　　}else{
　　　　　　$("#message").text("該使用者名稱不可用");
　　　　　　$("#message").css("color","red");
　　　　}
　　},

　　error:function(){
　　　　　　alert("擷取使用者資訊失敗，請聯絡管理員！");
　　}
})

            } }; /*啟動頁面的時候綁定動作綁定*/$(document).ready(function(){     user.inintEvent(); /*綁定到使用者名稱輸入框*/}); 

這裡要注意的是傳回值data的格式，在chrome設定Javascript斷點觀察到的傳回值明顯不同

 

2、傳參數中的datatype尤其需要注意，有以下幾種格式

•"xml": 返回 XML 文檔，可用 jQuery 處理。
•"html": 返回純文字 HTML 資訊；包含的 script 標籤會在插入 dom 時執行。
•"script": 返回純文字 JavaScript 代碼。不會自動緩衝結果。除非設定了 "cache" 參數。注意：在遠程請求時(不在同一個域下)，所有 POST 請求都將轉為 GET 請求。（因為將使用 DOM 的 script標籤來載入）
•"json": 返回 JSON 資料 。
•"jsonp": JSONP 格式。使用 JSONP 形式調用函數時，如 "myurl?callback=?" jQuery 將自動替換 ? 為正確的函數名，以執行回呼函數。
•"text": 返回純文字字串

詳細說明參考文檔：http://www.w3school.com.cn/jquery/ajax_ajax.asp

SSH+Ajax實現使用者名稱重複檢查（二）