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>