SSH+Ajax实现用户名重复检查（二）

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