Jquery中AJAX的应用

使用Jquery中的AJAX进行异步开发是特别迅速的，也是目前比较流行的，下面对AJAX的使用做下总结。

                 //判断用户名是否可以注册
                $.ajax({
                    type: 'POST',
                    url: '/User/CheckName',
                    cache: false,
                    dataType: "json",
                    data: { username: $("#username").val() },
                    beforeSend: function(XMLHttpRequest) {
                        //加载中...
                    },
                    success: function(data) {
                        if (data.flag) {
                            $("#username_err").html("<font color=green>√该用户名可以注册</font>");
                            return true;
                        }
                        else {
                            $("#username_err").html("<font color=red>该用户名已注册,请更换其他用户名</font>");
                            document.getElementById("username").focus();
                            return false;
                        }
                    },
                    error: function(e) {
                        alert(e.responseText); //错误处理
                    },
                    complete: function(XMLHttpRequest) {
                        //完成
                    }
                });  

 

上面就是Jquery中Ajax提交数据的方法：

type：这是提交数据的类型，有两种，分别为POST和GET方式，类似于FORM表单的提交方式，POST比较安全而且传输的数据量可以比较大(推荐使用)，GET是通过URL传值的形式传输的数据量比较小；

url：这个是处理Ajax请求方法的URL地址；

cache：是否缓存的意思，一般设置为false;

dataType：返回的数据格式，一般有json,html等格式；

data：要传送的数据；

beforeSend：发送数据之前的动作处理，一般网页上显示的“加载中。。。”，“查询中。。。”都是在这里面操作的；

success：成功返回结果的动作操作，一般成功之后的提示信息或者其他操作都在这里面完成；

error：ajax请求发生错误的处理；

complete：整个ajax请求完成之后的处理；