XMLHTTPRequest

## gistfile1.txt
<html>
  <!-- created by https://liqiang.io -->

  <head>
    <script type="text/javascript">function loadXMLDoc() {
        var xmlhttp = new XMLHttpRequest();

        xmlhttp.onreadystatechange = function() {
          if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
          }
        }
        xmlhttp.open("POST", "/ajax/demo_post2.asp", true);
        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

        var body = {
          fname: "Bill",
          lname: "Gates"
        }
        xmlhttp.send(JSON.stringify(body));
      }</script>
  </head>

  <body>
    <h2>AJAX</h2>
    <button type="button" onclick="loadXMLDoc()">请求数据</button>
    <div id="myDiv"></div>
  </body>

</html>

## gistfile2.txt
<html>
  <!-- created by https://liqiang.io -->

  <head>
    <script type="text/javascript">(function() {
        var json = '{"result":true, "count":42}';
        obj = JSON.parse(json);

        console.log(obj.count);
        // expected output: 42
        console.log(obj.result);
        // expected output: true
      })()</script>
  </head>

  <body></body>

</html>

## XMLHTTPRequest
<html>
  <!-- created by https://liqiang.io -->
  <head>
    <script type="text/javascript">function loadXMLDoc() {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
          if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            console.log(xmlhttp.responseText);
          }
        }
        xmlhttp.open("GET", "/ajax/demo_get.asp", true);
        xmlhttp.send();
      }</script>
  </head>

</html>