ReferenceError:找不到变量:$,而错误位于$ .ajax({...})

时间:2019-07-14 16:43:36

标签: jquery html ajax

我想用我之前计算过几行的新值更新ajax数据。我想存储number_of_pieces,但是尽管存在jQuery,但目前存在ReferenceError,我不知道为什么。

以下代码仅显示我的代码片段,但我希望它是足够的信息。我希望有人能帮助我。

亲切的问候 ynynloxx

<script src="{% static 'jquery/jQuery-2.0.3/jquery-2.0.3.min.js' %}"></script>
<script src="{% static 'jquery/jQuery-3.3.1/jquery-3.3.1.js' %}"></script>
<script src="{% static 'jquery/jQuery-1.12.4/jquery-1.12.4.js' %}"></script>

    <div id="save">
        <button id="button" onclick="save({{ article.number_of_pieces }}, {{ article.id }})">
            {% load static %}
           <img id='save' type="image" src="{% static 'lagerverwaltung/img/square_outsourcing.png' %}" alt=" ">
        </button>
    </div>

    </script type="text/javascript" charset="utf8">
         function save(old, id) {
            var minus = document.getElementById("outsourcing_number_of_pieces").innerHTML;
            var number_of_pieces = old - minus;

            $.ajax ({
                url : "{% url 'lagerverwaltung:articles-list' %}",
                type : "POST",
                data : {
                    id: id,
                    number_of_pieces: number_of_pieces,
                },
                dataType : 'json',
                success : function (result) {
                   alert(result['ajax']);
                },
                error : function () {
                    alert("error");
                }
            });
         }
    </script>

1 个答案:

答案 0 :(得分:0)

打开“开发工具”,然后在“网络”选项卡中查看您的jQuery文件是否已实际加载(正如Trincot所说的那样,您有三个文件-为什么?只保留一个版本)。

例如将console.log(typeof jQuery)放置在“功能保存”代码块之前。它必须是“功能”。

最后,仅出于代码完整性考虑,将</script type="text/javascript"...变成<script type="text/javascript"