让你脱口而出的 AJAX（三） jQuery中ajax的学习

jQuery为我们提供了很强大的Ajax封装

    $.ajax({}) 可配置方式发起Ajax请求

        url 接口地址
        type 请求方式
        timeout 请求超时
        dataType 服务器返回格式
        data 发送请求数据
        beforeSend:function () {} 请求发起前调用
        success:function () {}  成功响应后调用
        error:function () {}  错误响应时调用
        complete:function () {}  响应完成时调用（包括成功和失败） 

$.ajax({
    //     type:'post', //请求方式
    //     url:'./server/nav-json.php', //请求url
    //     data:{}, //请求需要传递的参数

    //     // 设置请求超时:单位为毫秒，如果服务器的响应时间超过指定的时候，请求失败
    //     timeout:3000,
    //     // 设置响应数据的格式  xml json text html script jsonp
    //     dataType:'json',

    //     // 发送请求之前的回调：在这个回调中我们可以进行一些请求之前的相关操作：如验证
    //     // 在这个回调函数中，如果return false,那么本次请求会中止
    //     beforeSend:function(){
    //         // 输入内容，实现验证
    //         // return false;
    //     },

    //     success:render, //请求成功之后的回调

    //     // 请求失败之后的回调
    //     error:function(e){
    //         if(e.statusText == "timeout"){
    //             alert("请求超时，请重试");
    //         }
    //     },
    //     // 无论请求是成功还是失败都会执行的回调
    //     complete:function(){
    //         console.log('实现一些全局成员的释放，或者页面状态的重置....');
    //     }
    // });

    $.get() 以GET方式发起Ajax请求

    $.post() 以POST方式发起Ajax请求    参数与$.ajax() 相似