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="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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM