jQuery ajax 標准寫法及進度條繪制

$.ajax({
    url: "http://www.microsoft.com", //請求的url地址
    dataType: "json", //返回格式為json
    async: true, //請求是否異步，默認為異步，這也是ajax重要特性
    data: {
        "id": "value"
    }, //參數值
    type: "GET", //請求方式
    processData: false, //對表單data數據是否進行序列化
    contentType: false, //dataType設置你收到服務器數據的格式
    xhr: function() { //ajax進度條
        var xhr = $.ajaxSettings.xhr();
        if (onprogress && xhr.upload) {
            xhr.upload.addEventListener("progress", progressBar, false);
            return xhr;
        }
    },
    beforeSend: function() {
        //請求前的處理
    },
    success: function(req) {
        //請求成功時處理
    },
    complete: function() {
        //請求完成的處理
    },
    error: function() {
        //請求出錯處理
    }
});

下面是ajax進度條執行的方法

/**
 *    偵查附件上傳情況,這個方法大概0.05-0.1秒執行一次
 */
function progressBar(evt) {
    var loaded = evt.loaded; //已經上傳大小情況
    var tot = evt.total; //附件總大小
    var per = Math.floor(100 * loaded / tot); //已經上傳的百分比
    //這里可以繪制進度條
}