HTML頁面使用layer彈出框輸入數據

javascript中layer是一款近年來備受青睞的web彈層組件，layer.open對彈出框進行輸入信息，並處理返回結果。詳細介紹http://layer.layui.com/

部署：將layer.js文件和skin目錄復制到項目的./static/js目錄中，在頁面中引用js/layer.js

<script >
function add_account() {
         var index = layer.open({            //打開layer彈出框
                type: 1,                     //類型
                skin: "layui-layer-rim",     //皮膚類型，在skin文件夾中
                area: ["400px", "400px"],    //范圍大小
                title: "標題",               //定義標題
                content: 'html字符串',       //輸出的字符串，定義彈出框的html頁面
                btn: ['確定', '取消'],　　　　//按鈕
                yes: function (index, layero) { //確定按鈕的處理函數
                    id_name = $("#id_name").val(); //根據id取數據
                     $.ajax({
                        url: '{% url "urlname" %}',      //指向URL名稱
                        type: 'POST',                    //頁面傳值類型
                        data: {"key": ’value’},           //提交數據，以字典的形式
                        success: function (e) {          //提交數據成功后的處理函數，e是返回的值
                            if (e == 1) {
                                parent.location.reload(); //刷新父頁面
                                layer.msg("good");
                            } else {
                                layer.msg("sorry")
                            }
                        },
                    });
                },
                btn2: function (index, layero) { //取消按鈕后的處理函數
                    layer.close(index); 
                },
            });
        }
</script >