taitokiss/ajax_test1.html

## ajax_test1.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Ajax Test1</title>
</head>
<body>
  <button id="button">送信</button>
  <div><br></div>
  <div id="result">戻り値をここに表示します</div>
  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script>
  $(function(){
    $("#button").click(function(event){
      $.ajax({
        type: "GET",
        url: "ajax_test1.php",
        data: { val: 99 },
        dataType : "text"
      }).done(function(data){
        $("#result").text(data);
      }).fail(function(XMLHttpRequest, textStatus, errorThrown){
        alert(errorThrown);
      });
    });
  });
  </script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Ajax Test1</title>
	</head>
	<body>
	<button id="button">送信</button>
	<div><br></div>
	<div id="result">戻り値をここに表示します</div>
	<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
	<script>
	$(function(){
	$("#button").click(function(event){
	$.ajax({
	type: "GET",
	url: "ajax_test1.php",
	data: { val: 99 },
	dataType : "text"
	}).done(function(data){
	$("#result").text(data);
	}).fail(function(XMLHttpRequest, textStatus, errorThrown){
	alert(errorThrown);
	});
	});
	});
	</script>
	</body>
	</html>