javascript - 未捕获的范围错误: Maximum call stack size exceeded in browser console

Question

我的 td 中有一个图标

<tr>
   <td><input type="checkbox" class="cd" value="'+currPat.id+'"/></td>
   <td><b>' + currPat.question + '</b><input type="text" class="saveEdit" value="'+currPat.question+'" style="display:none" /><i class="glyphicon glyphicon-edit pull-right" onclick="editable(this)"></i><i class="glyphicon glyphicon-save pull-right" style="display:none" onclick="saveEdit(this)"></i><i class="glyphicon glyphicon-trash pull-right" onclick="deleteQuestion('+currPat.id+')"></i></td>
   <td>
      <select name="questionType" id="questionType" class="qType QSelect">
         <option value="">--Select--</option>
      </select>
   </td>
   <td width="35%" class="Fsize12 out" id=a'+ currPat.id +'><a href="#" class="checkbox-inline" onclick="getModal(this)">Get Options</a></td>
   <td><input type=hidden id=optionInputa'+currPat.id+' type=text/></td>
</tr>

上面的td中有图标<i class="glyphicon glyphicon-save pull-right" style="display:none" onclick="saveEdit(this)"></i>还有这个 saveEdit 函数

function saveEdit(qid)
    {
        var questionName=$('.saveEdit').val();
        alert(questionName);
        $.ajax({
            type: "POST",
            url: projectUrl+"saveEdit",  
            data:{question:questionName,questionID:qid},
            success:function (data1) {
                location.reload();
            }
}); 
    }

当我单击保存编辑图标时，我会收到以下错误

Uncaught RangeError: Maximum call stack size exceeded

控制到达警戒线

var questionName=$('.saveEdit').val();
            alert(questionName);

因为我发出警报，但之后错误出现并且它不向服务器发送数据

任何人都可以告诉我可能是什么问题吗？

Answer 1

当您的函数(无论是递归函数还是循环函数)导致无限循环时，总会出现此错误。您的函数(saveEdit)很可能导致某种无限循环，并且控制台抛出异常。

我敢打赌你的 saveEdit 函数会被无休止地递归调用，这就是你收到错误的原因。