javascript - Uncaught ReferenceError ；函数已定义但未定义

Question

这是我编写的 javascript 函数

<script type="text/javascript">
function rate_prof(opcode, prof_id) {
    $.ajax({
        alert('Got an error dude');
        type: "POST",
            url: "/caller/",
            data: {
                mnemonics: opcode,
                prof_id: prof_id,
                csrfmiddlewaretoken: '{{ csrf_token }}'
            },
            success: function(data) {
                /*if(data!=="False"){
                    tempBool = false;
                    alert(data);
                    location.reload();
                }*/
            },
            failure: function(data) {
                alert('Got an error dude');
            },
            dataType: "html"
    });
}
</script>

现在通过按钮调用此函数 -

<button class="btn btn-primary" value = "LIKE" onclick="rate_prof('LIKE',{{prof_rate.get_prof.get_username}})">Like</button>

我在检查元素控制台中收到“ Uncaught ReferenceError :rate_prof 未定义”。

一 - 函数定义正确，二 - 页面的源代码也显示了该函数。那么问题可能出在哪里呢？

我没有在内部定义功能，但是在该按钮调用该功能后可以轻松完成。我是 javascript 新手，因此我们将不胜感激。

Answer 1

从此处的参数中删除警报:

$.ajax({
   alert('Got an error dude'); // This line doesn't define an object property
   type: "POST",
   url: "/caller/",
          :
});

由于 alert 导致的语法错误会破坏您的代码，并且该函数将永远不会被定义。