jquery实现的ajax源码,jQuery.ajax做的那些事

div{

width: 150px;

height: 50px;

border: 5px solid #ccc;

}

回调触发的循序

var $ul = $('ul')

function show(data){

$ul.append('

}

//全局事件触发

$(document).ajaxSend(function() {

show('全局事件ajaxSend ')

}).ajaxSuccess(function() {

show("全局事件ajaxSuccess");

}).ajaxError(function() {

show("全局事件ajaxError");

}).ajaxComplete(function() {

show('全局事件ajaxComplete')

})

function ajax(url) {

//执行一个异步的HTTP(Ajax)的请求。

var ajax = $.ajax({

url: url,

dataType: 'script',

//这个对象用于设置Ajax相关回调函数的上下文

context: document.body,

//请求发送前的回调函数，用来修改请求发送前jqXHR

beforeSend: function(xhr) {

xhr.overrideMimeType("text/plain; charset=x-user-defined");

show('局部事件beforeSend')

},

//请求完成后回调函数 (请求success 和 error之后均调用)

complete: function() {

show('局部事件complete')

},

error: function() {

show('局部事件error请求失败时调用此函数')

},

success: function() {

show('局部事件success')

}

})

ajax.done(function() {

show('done')

}).fail(function() {

show('fail')

}).always(function() {

show('always')

})

}

$("#aaron1").click(function() {

$ul.empty();

ajax("http://code.jquery.com/jquery-latest.js")

});

$("#aaron2").click(function() {

$ul.empty();

ajax("#")

});