johnhunter/jquery-ajax-callback-test.html

## jquery-ajax-callback-test.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>ajax-error</title>
</head>
<body>
<pre id="output"></pre>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js"></script>
<script>


var out = $('#output');

$.ajax({
    type: "GET",
    url: 'response.html',

    success: function () {
		console.log('success ', arguments);
    },

    error: function () {
		console.log('error ', arguments);
    },

    complete: function (xhr, status) {
        if (status === 'error' || !xhr.responseText) {
        }
        else {
			out.append(xhr.responseText);
        }
		console.log('complete ', arguments);
    }
});


</script>
</body>
</html>

## response.html
<p>Success</p>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>ajax-error</title>
	</head>
	<body>
	<pre id="output"></pre>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js"></script>
	<script>



	var out = $('#output');

	$.ajax({
	type: "GET",
	url: 'response.html',

	success: function () {
	console.log('success ', arguments);
	},

	error: function () {
	console.log('error ', arguments);
	},

	complete: function (xhr, status) {
	if (status === 'error' \|\| !xhr.responseText) {
	}
	else {
	out.append(xhr.responseText);
	}
	console.log('complete ', arguments);
	}
	});


	</script>
	</body>
	</html>