$未在我的JavaScript上定义为具有多个函数，并且每个函数中都包含ajax

Question

我在方案中使用Microsoft Edge。

我能够使用此代码成功使用ajax语法完成单个功能：

<script>
    document.getElementById("inputEventID").onchange = function () { myFunction() };

    function myFunction() {
        $.ajax({
        type: 'post',
        url: 'webFetchMax.php',
        data: {
            eventID: form.eventID.value
        },
        success: function (response) {
            $('#divSlots').html(response);
        }
    });
    }
</script>

但是，当我在接收到$的函数中的ajax上插入附加函数时， 未定义错误函数monitorOccupy（） ，如下所示：

<script>
    document.getElementById("inputEventID").onchange = function () { myFunction() };

    monitorOccupy();
    monitorAvail();
    function monitorOccupy() {
        $.ajax({
        type: 'post',
        url: 'webFetchMax.php',
        data: {
            eventID: form.eventID.value
        },
        success: function (response) { 
            $('#oSlots').html(response);
        },
        complete: function() {
            setTimeout(monitorOccupy,1000);
        }
    });
    }
    function monitorAvail() {
    }

    function myFunction() {
        $.ajax({
        type: 'post',
        url: 'webFetchMax.php',
        data: {
            eventID: form.eventID.value
        },
        success: function (response) {
            $('#divSlots').html(response);
        }
    });
    }
</script>

我不知道我的控制台上显示此错误。

Answer 1

如下调用这些函数

$（document）.ready（function（）{monitorOccupy（）; MonitorAvail（）;}）;

Answer 2

在发布此问题之前，我的html文件中唯一的jQuery文件是jquery.min.js

<script scr="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

插入另一个jquery.min.js文件后，我的问题解决了。 现在看起来是这样：

<script scr="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>