思洋互动网站建设学前班

第三、使用$.ajax()方法

语法说明：尽管load()、$.get()和$.post()非常方便实用，但却不能控制错误和很多交互的细节，可以说这3种方法对Ajax的可控性较差。jQuery提供了一个强大的函数$.ajax(options)来设置Ajax访问服务器的各个细节，它的语法十分简单，就是设置Ajax的各个选项，然后指定相应的值。“可自动校验表单”实例代码如下：
广州网站建设,网站建设,广州网页设计,广州网站设计

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

必要说明：

1、代码基本同上，只是$.ajax(options)稍有不同，对于其参数不理解可以参考jQuery中文手册。
广州网站建设,网站建设,广州网页设计,广州网站设计

2、给个建议，无论是get方式还是post方式，都习惯进行编码，以防出现中文乱码的问题。

3、再强调一下，无论使用哪种程序，如果遇到问题了，都可以参考相关的手册说明，这是建站所必需的。

上面的实例使用了jQuery的load()方法、$.get()、$.post()、$.ajax()的4种方法，都要考虑中文乱码的问题，下面推荐一个方法，进一步简化jQuery代码，呵呵。