使用$.ajax()方法
语法说明:尽管load()、$.get()和$.post()非常方便实用,但却不能控制错误和很多交互的细节,可以说这3种方法对Ajax的可控性较差。jQuery提供了一个强大的函数$.ajax(options)来设置Ajax访问服务器的各个细节,它的语法十分简单,就是设置Ajax的各个选项,然后指定相应的值。“可自动校验表单”实例代码如下:
- <script language="javascript" src="jquery.min.js"></script>
- <script language="javascript">
- 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()方法过滤左右空格
- $.ajax({
- type: "GET",
- url: "action.asp",
- data: createQueryString(),
- success: function(data){
- $("#UserResult").html(decodeURI(data));
- }
- });
- }
- </script>
必要说明:
1、代码基本同上,只是$.ajax(options)稍有不同,对于其参数不理解可以参考jQuery中文手册。
2、给个建议,无论是get方式还是post方式,都习惯进行编码,以防出现中文乱码的问题。
3、再强调一下,无论使用哪种程序,如果遇到问题了,都可以参考相关的手册说明,这是建站所必需的。