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

小灰灰 2022-09-25 10:18 86阅读 0赞

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。