form表单提交数据后接收后端返回的数据

时间:2024-03-04 19:18:22

1.后端代码编写

from django.http import JsonResponse

message = {"code": 0,"msg": "组合任务部署成功","error": None}
return JsonResponse(message)

2.前端代码编写【当表单内有多个相同属性(name属性)的内容时,form表单默认会将这项内容的值以列表的形式提交到后端】

<form id="combined_tasks_form" method="post" action="/super_cmdb/#/">
    {% csrf_token %}
    ...
    ...
    ...
    <div class="layui-form-item" >
      <label for="L_repass" class="layui-form-label" style="width: 120px;">
      </label>
      <button type="submit" class="layui-btn" lay-filter="deploy_timing_task" lay-submit="">
          部署组合任务
      </button>
    </div>
</form>

<script type="text/javascript" src="/static/super_cmdb/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/super_cmdb/js/jquery.form.min.js"></script>

<script>
    // $(function ())是文档document加载完自动调用的函数
    $(function () {
        /*
         获取form元素,调用其ajaxForm(...)方法
         内部的function(data)的data就是后台返回的数据
        */
        $("#combined_tasks_form").ajaxForm(function (data) {
            if (data.code == 0){
                layer.alert(data.msg, {icon: 6});
            } else {
                layer.alert(data.msg, {icon: 7});
            }
        });
    });
</script>