stmtk1/a.html

## a.html
a.html

## b.html
b.html

## container.html
<!DOCTYPE html>
<html>
	<head>
		<title>ajax test</title>
		<meta charset="UTF-8">
		<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
	</head>
	<body>
		<button id="click">click me</button>
		<div id="result"></div>
		<script>
var flag = false;
$('#click').click(function(){
	if(flag == false){
		$.ajax({
			type: 'GET',
			url: 'a.html',
			dataType: 'html',
			success: function(html){
				$('#result').html(html);
				flag = true;
			}
		});
	}else if(flag == true){
		$.ajax({
			type: 'GET',
			url: 'b.html',
			dataType: 'html',
			success: function(html){
				$('#result').html(html);
				flag = false;
			}
		});
	}
});
		</script>
	</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>ajax test</title>
	<meta charset="UTF-8">
	<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
	</head>
	<body>
	<button id="click">click me</button>
	<div id="result"></div>
	<script>
	var flag = false;
	$('#click').click(function(){
	if(flag == false){
	$.ajax({
	type: 'GET',
	url: 'a.html',
	dataType: 'html',
	success: function(html){
	$('#result').html(html);
	flag = true;
	}
	});
	}else if(flag == true){
	$.ajax({
	type: 'GET',
	url: 'b.html',
	dataType: 'html',
	success: function(html){
	$('#result').html(html);
	flag = false;
	}
	});
	}
	});
	</script>
	</body>
	</html>