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

将这些功能调用如下

（文档）$。就绪（函数（）{ 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>

我的javascript中没有定义$，每个函数中都有多个函数和ajax

2 个答案: