django 用jquery ajax提交form 实现刷新部分页面

最新推荐文章于 2024-08-18 12:32:54 发布

fangxubz

最新推荐文章于 2024-08-18 12:32:54 发布

阅读量1.4w

点赞数 3

分类专栏： python django python ajax jquery

本文链接：https://blog.csdn.net/u011437680/article/details/44998091

版权

本文介绍了如何在Django项目中结合jQuery AJAX实现表单的异步提交，通过引入jQuery库，创建简单表单，并编写处理表单的jQuery代码。在views.py中可以对数据进行验证和处理，返回的HTML片段用于更新前端页面，从而实现部分页面的无刷新更新。

摘要由CSDN通过智能技术生成

首先要引入jquery文件，可以引入在线的，也可以下载离线的添加进自己staticfiles

这里演示的是添加离线的

<script src={% static 'jquery/jquery.min.js' %}></script>

注意这句是要添加到自己写的jquery脚本前边

然后写一个简单的表单

<form method="post" id="formadd">
        {% csrf_token %}
        <label for="id_name">用户名</label>
        <input type="text" id="id_name"/>
        <label for = "id_password">密码</label>
        <input type="password" id="id_password"/>
        <button type="submit" id="submit" >提交</button>
    </form>

只有一个用户名和密码以及一个提交按钮的的简单表单注意我这里的form的 id是formadd 看起来非常简陋～