XMLHttpRequestd对象的abort()方法

<!--
1.html中内容
<div id="test">
  111
</div>
-->

<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script>
/*
$.ajax 函数返回它创建的 XMLHttpRequest 对象。通常 jQuery 只在内部处理并创建这个对象，
但用户也可以通过 xhr 选项来传递一个自己创建的 xhr 对象。返回的对象通常已经被丢弃了，但依
然提供一个底层接口来观察和操控请求。比如说，调用对象上的 .abort() 可以在请求完成前挂起请求。
*/

/*
//demo1
current_request = $.get('1.html', function(data){
   console.log($(data).find('#test').html());
});
*/

//注意当使用$.ajax时，不可用有async: false属性
//demo2
current_request = $.ajax({
                type: "GET",
                //async: false,
                url: "1.html",
                dataType: "html",

                success: function (data) {
                     console.log($(data).find('#test').html());
                },

                error: function (e) {

                }

            });

//调用对象上的 .abort() 可以在请求完成前挂起请求，即上面的success中的内容将不执行。
if(current_request) {
    console.log('abort')
    current_request.abort();
}
</script>