When I make a series of 8 requests in quick succession, they load successfully. However, any requests made after that get stuck in a "pending" state.
Below is my basic HTML template:
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Editing Quiz</title>
<script src="../assets/js/lib.js"></script>
</head>
<body>
<div>
<a href="#/test">test</a>
<a href="#/demos/QuizDemo">QuizDemo</a>
</div>
<div id="container">
</div>
</body>
</html>
Here are the relevant parts of my lib.js file:
function loadPage(e) {
document.getElementById("container").innerHTML = "";
var baseFilename = location.hash.substr(1);
var url = "/LiquiZ2" + baseFilename + "_ajax.jsp"; // name of dynamic file to run
var json = new XMLHttpRequest();
json.onreadystatechange=function() {
if (json.readyState!==4 || json.status!==200)
return;
processAJAX(json.responseText);
}
json.open("GET", url, true);
json.send();
}
window.onload = loadPage;
window.onhashchange = loadPage;
When I rapidly click on "test" and "QuizDemo" consecutively or with a few seconds in between, the loading stops after 8 requests and enters a pending state. Subsequent requests also get stalled and do not recover.
This behavior functions flawlessly in Firefox, so it's unclear why there is an issue elsewhere.