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>