django 关于layui基于ajax的网络访问

Django与layui结合使用AJAX实现无刷新登录

最新推荐文章于 2023-03-21 18:56:17 发布

原创

最新推荐文章于 2023-03-21 18:56:17 发布 · 1.9k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#django #layui

本文介绍了如何在Django项目中，结合layui前端框架，利用AJAX实现登录界面的无刷新提交。通过添加csrf_token解决500或forbidden错误，并展示了解决表单提交后页面跳转问题的方法，使用AJAX成功发送表单数据并返回结果至当前页面。

最近业务需要，需要做一个登录界面，使用的是form表单

主要界面

 <form class="layui-form" action="你的 接口地址" method="post">
                {% csrf_token %}
                <div class="layui-form-item">
                    <label class="layadmin-user-login-icon layui-icon layui-icon-username"
                           for="LAY-user-login-username"></label>
                    <input type="text" name="name" id="LAY-user-login-username" lay-verify="required"
                           placeholder="用户名" autocomplete="off"
                           class="layui-input">
                </div>
                <div class="layui-form-item">
                    <label class="layadmin-user-login-icon layui-icon layui-icon-password"
                           for="LAY-user-login-password"></label>
                    <input type="password" name="pwd" id="LAY-user-login-password" lay-verify="required"
                           place