Jquery模糊方法未对django的表单数据执行任何操作

Question

我正在使用 Django 开发清单应用程序，其中我试图创建一个带有标题和清单项目的模板，对于标题，我使用 Jquery Ajax 在模型表单的帮助下将标题存储在数据库中。

这是我用来传递数据以查看的 JS 和 AJAX 代码

        <script type="text/javascript">
            $(document).on("blur","#js_template_title", function(e){
                e.preventDefault();
                $.ajax({
                    type:'POST',
                    url:'{% url "checklist" %}',
                    data:{
                        title:$('#js_template_title').val(),
                        csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken]').val(),
                        action:'post',
                    },
                    success: function(response){
                        $("#js_template_title").val(data['title']);
                    },
                    error: function(xhr,errmsg,err){
                        console.log(xhr.status+":"+xhr.responseText);
                    }
                });
            });
        </script>

下面是表单的 HTML 片段，我在 JS 中使用的 ID“js_template_title”是通过小部件帮助显式添加到表单中的

        <form method='post' id='js-title-form' class="form-inline p-1 m-1">
            <div class="form-row">
                <div class="col">
                    {% csrf_token %}
                    {{temp_form|crispy}}
                </div>
                <div class="col">
                    <input class="" type="image" src="{% static 'components/tick.jpg' %}"  alt="submit" width="30" height="30">
                </div>
            </div>
        </form>

temp_form --> 来自浏览器的代码

<input type="text" name="title" placeholder="Title" id="js_template_title" class="textinput textInput form-control" required="">

问题是代码与提交动作配合良好，但是当我注释掉输入提交动作并启用模糊时，它不起作用。

建议我采取适当的行动，当焦点不在文本字段时，可用于将标题名称保存到数据库

Answer 1

知道了.. ！！

主要问题是脚本 src

我用的那个，

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>

作为调试的一部分，尝试在最后添加 Google CDN JS 源并开始正常工作，数据已发布到数据库。

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

当新手尝试 BP 时提到如何将 Ajax 与 Django 集成

其中一个步骤是使用 chrome 调试 JS 和 AJAX，这最终帮助我在这里找到了 src 作为问题并通过更改 src 修复了以下错误

错误：未捕获的 ReferenceError：$ 未定义？