JS创建表单提交后台设置请求方式

JS 创建表单并提交

一、创建表单

用途：在界面上选择几千个订单，读取ID号提交到后台处理，有几种方法实现，$.ajax方法提交不能打开新窗口，form表单提交可能被其他功能占用。创建表单并设置参数类型、提交方式等，可以实现 form 一样的功能。

适用于创建任何HTML元素、追加到指定元素后、设置元素属性。

var f  = document.createElement("form"); // 创建 HTML 表单元素，必须是form
document.body.appendChild(f);// 界面body元素追加一个 form
var i  = document.createElement("input");// 追加一个 input 用于传递参数
i.type  = "hidden";  // 等同于setAttribute("type","hidden");
i.value = ids;
i.name  = "ids";
f.appendChild(i1);

// 第二个input
var i1 = document.createElement("input");// 追加一个 input 用于传递参数
i1.type = "hidden";  // 等同于setAttribute("type","hidden");
i.value = name;
i.name  = "name";
f.appendChild(i1);
f.action = "<?php echo URL::base(true); ?>batchprint/hk_express_print";
f.method = "POST";
f.target = "_blank";
f.submit();

二、多线程控制

场景再现：HTML界面表单INPUT输入框，输入后键盘弹起事件会触发JS代码处理，如果在很短时间内连续多次弹起事件（比如多次敲击回车键）就会多次触发JS事件，可能会有意向不到的结果。因此一定要控制只能执行一次键盘弹起事件。

如果我们能控制读取一次弹起事件后面的事件都不处理就OKLA。

<script type="application/javascript">
$(function(){
    var jh_flag = false;// 定义一个全局变量，防止JS多线程多次触发Enter事件
    $('#actual_heavi').on('keyup',function(e){
        if(e.keyCode == 13){
            if(jh_flag == false){
                jh_flag = true;
            }
        }
    });
}
</script>