思洋互动网站建设学前班

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

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

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

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

必要说明：

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

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

3、因为是以get方式处理，说明这里不需要进行编码和解码。下面以post方式处理，则需要编码和解码了，代码如下
广州网站建设,网站建设,广州网页设计,广州网站设计

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