jQuery_Ajax封装

jQuery对Ajax进行了很好的封装，使我们可以方便地进行Ajax请求。

 

---

一、第一层封装

　　使用 $.ajax() 发起请求，此时大多数请求信息需要我们在属性中设置。

例子：

<script type="text/javascript">
    $(function () {
       $("a").click(function () {
            $.ajax({
                url:'login',
                data:{"name":"张三","age":18},
                dataType:'json',//设置请求响应的数据类型
                error:function () {
                    alert("请求出错");
                },
                success:function (data) {//data为响应数据
                    alert("请求成功咯");
                },
                type:'post'
            });
           //取消超链接跳转功能
           return false;
       })
    });
</script>

二、第二层封装

　　使用$.get(url,[data],[callback])或者$.post(url,[data],[callback])发起请求，自动设置了一些参数。

注意：

　　此时不能够处理响应失败的情况。

例子：

            $.post(
                "login",//请求uri
                {"name":"张三","age":18},//请求数据
                function (data) {//响应成功后执行方法
                    eval("var obj = " +date);
                    alert("响应成功"+obj.id+obj.name+obj.age);
                }
            );