Jquery ajaxエラーUncaught RangeError：最大呼び出しスタックサイズを超えました

Question

メーリングリストでいくつかのエラーが発生しました。残りのAPIクライアント.....非常に新しいので、plzを助けてください 取得しているエラーは：Uncaught RangeError：サイズを超えました

<input name="commandurl" type="text" id="URL" size="60" value=""> 
      <h2>Message Body:</h2> 
      <textarea name="messagebody" id="message" rows="10" cols="100"></textarea> 
      <h2>Command Response:</h2> 
      <textarea name="response" id="res" rows="25" cols="100"></textarea> 
      <div id="buttons"> 
       <button type="button" onclick="GET()">GET</button> 
       <button type="button" onclick="">PUT</button> 
       <button type="button" onclick="">POST</button> 
       <button type="button" onclick="">DELETE</button> 
      </div> 
     </form></center> 



<script language="JavaScript"> 
var URL = document.getElementById("#URL"); 
var message = document.getElementById("#message"); 
function GET(){ 
$.ajax({ 
    type: 'get', 
    dataType: 'json', 
    url: URL, 
    data: message, 
    success: function(data){ 
    alert("Succes");   
    $("#res").html(data); 
    } 
    } 
}); 
} 
</script> 

Answer 1

getElementByIdを使用する場合は、ハッシュは必要ありません。だから、：

document.getElementById('message'); 

あなたは間違いが生じたかもしれないところであるquerySelectorを使用した場合は、それを必要とします。

また、textareaのvalueを取得する必要があります。そうしないと、エラーが発生しているHTML要素を渡すことになります。

var message = document.getElementById('message').value; 

DEMO

また、ここでは適切なクロージングブラケットを使用して機能です。

function GET() { 
    $.ajax({ 
    type: 'get', 
    dataType: 'json', 
    url: URL, 
    data: message, 
    success: function(data) { 
     alert("Succes"); 
     $("#res").html(data); 
    } 
    }); 
} 

あなたのコードをインデントした場合、適切にこの種の問題は、将来的に識別することが容易になります。