ajax,形式

html

<form id="addform">
              {% csrf_token %}
                {% for field in form %}
                    <div class="form-group">
                        <label for="{{ field.id_for_label }}">{{ field.label }}</label>
                        {{ field }}
                        <span class="error-msg"></span>
                    </div>
                {% endfor %}
          </form>

<button id="btnSubmit" type="button" class="btn btn-primary">确定</button>

ajax

<script>
        $(function () {
            bindaddSubmit();  //dom文档加载完,再加载执行此函数
        });

        function bindaddSubmit() {
            $('#btnSubmit').click(function () {
                $.ajax({
                    'url':"{% url 'project_list' %}",  //反向解析此地址
                    'type':'POST',
                    'data':$('#addform').serialize(),  //拿到form表单所有输入数据
                    'datatype':'JSON',
                    success:function (res) {
                        if (res.status){      //后端render({'status':True})以此判断成功与否
                            location.href=location.href //刷新本页面简单写法
                        }else {
                            $.each(res.error, function (key, value) {
                                $("#id_" + key).next().text(value[0]);             //返回错到span标签里
                            })
                        }
                    }
                })
            })
        }

    </script>

绑定按钮与是否在表单里无联系,只是单纯的点击,然后发送data表单里的数据到固定地址

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值