Uncaught TypeError：$ .get（...）。次に関数ではありません

Question

私のコードは次のとおりです。Uncaught TypeError：$ .get（...）としてコンソールにエラーを受け取りました。 ..error 18行目にある

<button class="btn btn-primary" id="requestButton">HTTP Request</button> 
<ul id="myList"></ul> 
<script type="text/javascript"> 
    var ulElm = document.querySelector("#myList"); 
    var first = false; 
    var chatList; 
    function updateChat() { 
     console.log("update Chat called"); 
     $.get("http://projecttester.16mb.com/makejson.php") 
     .then(function(data) {//ERROR IS IN THIS LINE 
      if(!first) { 
       chatList = JSON.parse(data); 
       chatList.forEach(function(item) { 
        var liElm = document.createElement('li'); 
        liElm.innerHTML = item.Message; 
        ulElm.appendChild(liElm); 
       }); 
</script> 
</body> 

Answer 1

これを使用してみてください -

<button class="btn btn-primary" id="requestButton">HTTP Request</button> 
<ul id="myList"></ul> 
<script type="text/javascript"> 
    var ulElm = document.querySelector("#myList"); 
    var first = false; 
    var chatList; 
    function updateChat() { 
     console.log("update Chat called"); 
     $.get("http://projecttester.16mb.com/makejson.php", function(data) { 
      if(!first) { 
       chatList = JSON.parse(data); 
       chatList.forEach(function(item) { 
        var liElm = document.createElement('li'); 
        liElm.innerHTML = item.Message; 
        ulElm.appendChild(liElm); 
       } 
      } 
     }); 
    } 
</script> 
</body>