[Nightly] Ajax request test

Test a couple of behvaiours from Firefox Nightly builds related to the Developer Tools' Network Monitor.

by Dane MacMillan

HTML

<strong>This fiddle is for testing two separate bugs in Firefox's Developer Tools&mdash;the Network Monitor, in particular:</strong>
<ul>
    <li>
        Test 1: With the network monitor open, after about ten minutes of 
        requests built up, the timings will disappear off screen
        (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=989614">bug 
        989614</a>).
    </li>
    <li>
        Test 2: While these requests are being made, select one that has 
        not responded yet (there is a 5 second delay), and when the side 
        panel appears, click on either the "Headers" or "Params" tab, and 
        it will be noted that upon request success, the content will be 
        duplicated many times (e.g., in the "Headers" tab, "Request 
        headers" will duplicate six or seven times, all with the same 
        content). See 
        <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=991172">bug 
        991172</a>. 
    </li>
</ul>

<hr />

<div id="responses"></div>

CSS

li {
    margin: 20px 0;
}

JavaScript

var iterations = 0;

(function intervalRequest() {
    $.post('/echo/json/', {
        json: JSON.stringify({
            "name": "jaguar",
            "profession": "scullery maid",
            "sex": "awww yeeeahhh"
        }),
        delay: 5
    }, null, 'json')
    .done(function(data) {
        $('#responses').append('<p>'+ iterations +': '+ (+new Date) + '</p>');
    })
    .always(function(data) {
        intervalRequest();
        iterations++;
    });
}());