zoukankan      html  css  js  c++  java
  • form表单提交数据后接收后端返回的数据

    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=" 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>
  • 相关阅读:
    Linux的chattr与lsattr命令详解
    Ant_的最完整build.xml解释
    ant安装和验证
    MySQL ALTER TABLE: ALTER vs CHANGE vs MODIFY COLUMN
    python简单爬虫技术
    selenium自动化测试打开新标签窗口
    js中的相等与不等运算
    table-layout:fixed 属性的解说
    DWZ与KindEditor编辑器的整合
    DWZ框架学习
  • 原文地址:https://www.cnblogs.com/chenjw-note/p/12929703.html
Copyright © 2011-2022 走看看