使用提交和显示模块模式封装功能

时间:2018-02-07 10:41:39

标签: javascript revealing-module-pattern

我不确定我是否理解这一点。

以下示例根据单选按钮选择更改表单操作。然后执行javascript提交。

我尝试在揭示模块模式之后构建整个事物。

var myModule= (function () {

    function makeSubmit() {
        document.getElementById('form').addEventListener('submit', function(event){
            event.preventDefault();

            var form= document.getElementById('form'),
                datasetURL = document.querySelector('input[name = "dataface"]:checked'),
                actionURL = datasetURL.dataset.url,
                searchterm= document.getElementById('searchterm').value,
                submit;

                (datasetURL.id == "db-01") ? submit = actionURL+searchterm: submit = actionURL;

                form.action = submit;
                form.submit(); 
            });
    }

     return {
        search: function () {
            makeSubmit();
     }
};
})();

$(document).ready(function () {
    myModule.search();
});

现在我的问题是这个程序是否正确 基本上它有效。

1 个答案:

答案 0 :(得分:0)

在这种情况下,您可以将私有函数作为参考传递 return { search: makesubmit }

然后像你一样调用它。