Jquery ajax 错误未捕获 RangeError：超出最大调用堆栈大小答案

【问题标题】：Jquery ajax error Uncaught RangeError: Maximum call stack size exceededJquery ajax 错误未捕获 RangeError：超出最大调用堆栈大小
【发布时间】：2018-01-01 23:44:44
【问题描述】：

我在构建 Rest api 客户端时遇到了一些错误.....我很新，所以请帮助我我得到的错误是： Uncaught RangeError: Maximum call stack size exceeded

<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>

【问题讨论】：

您不需要 # 获取 getElementById
另外，检查get 中的右括号。他们有点不确定。

标签： javascript jquery ajax rest api

【解决方案1】：

正如 Albert 所说，使用 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);
    }
  });
}

如果你正确缩进你的代码，这种问题将来会更容易识别。

【讨论】：

@mvar message = document.getElementById("#message").value; 我会更新我的答案。