Test case for jQuery Ticket 7787

ajax abort

by danheberden

HTML

<p><input id="foo" type="text" /></p>
<pre id="cons"></pre>

JavaScript

var bla, 
    i = 0, 
    $cons = $('#cons'),
    log = function(d) { $cons.append( d + "<br />" ); };

$(function() {
    $("#foo").bind("keyup", function() {
        if( bla ) {
            bla.abort();
        }
        bla = $.ajax({
            url: "/echo/html/",
            type: "POST",
            dataType: "html",
            data: {
                html: "<p>foo" + i+++"</p>",
                delay: 2
            },
            success: function(data) {
                bla = null;
                log(data);
            },
            error: function(xhr, status, err) {
                log(status);
                log(err);
            }
        });
    });
})