jQuery重写表单验证的方法（二）

使用$.get(url,[data],[callback])和$.post(url,[data],[callback])方法

语法说明：尽管load()方法可以实现get和post两种方式，但很多时候开发者还是希望能够指定发送方式，并且处理服务器返回的值。jQuery提供了$.get()和$.post()两种方法，分别针对这两种请求方式。

其中，url为请求地址，data为请求数据的列表，是可选参数，callback为请求成功后的回调函数，该函数接受两个参数，第一个参数为服务器返回的数据，第二个参数为服务器的状态，是可选参数。$.post()中的type为请求数据的类型，可以是html、xml、json等。 “可自动校验表单实例”的jQuery代码如下，html如上所述。

 
 
<script language="javascript" src="jquery.min.js"></script>   
<script language="javascript">   
function createQueryString(){   
    var username=$("#User").val();   
    //组合成对象的形式   
    var queryString={user:username};   
    return queryString;   
    }   
function startCheck(oInput){   
    //首先判断是否有输入，没有输入直接返回，并提示   
    if(!oInput.value){   
        oInput.focus(); //聚焦到用户名的输入框   
        document.getElementById("UserResult").innerHTML = "User cannot be empty.";   
        return;   
    }   
    oInput=$.trim(oInput.value); //使用jQuery的$.trim()方法过滤左右空格   
    $.get("action.asp",createQueryString(),   
        function(data){   
            $("#UserResult").html(data);   
    });   
}   
</script> 

必要说明：

1、对$.trim()、$("#UserResult")、html、val()等jQuery语法不理解的，可以参考jQuery中文手册。本站提供下载。

2、自定义函数createQueryString()，是对传入“处理页”的参数，进行处理。一种常规的方法。

3、因为是以get方式处理，说明这里不需要进行编码和解码。下面以post方式处理，则需要编码和解码了，代码如下

 
 
function createQueryString(){   
    //使用encodeURI()编码解决中文乱码问题   
    var username=encodeURI($("#User").val());   
    //组合成对象的形式   
    var queryString={user:username};   
    return queryString;   
    }   
function startCheck(oInput){   
    //首先判断是否有输入，没有输入直接返回，并提示   
    if(!oInput.value){   
        oInput.focus(); //聚焦到用户名的输入框   
        document.getElementById("UserResult").innerHTML = "User cannot be empty.";   
        return;   
    }   
    oInput=$.trim(oInput.value); //使用jQuery的$.trim()方法过滤左右空格   
    $.post("action.asp",createQueryString(),   
        function(data){   
            $("#UserResult").html(decodeURI(data));   
    });   
}   
</script>