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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值