JS创建表单提交后台设置请求方式
2016-08-19 11:39
585 查看
JS 创建表单并提交
一、创建表单
用途:在界面上选择几千个订单,读取ID号提交到后台处理,有几种方法实现,$.ajax方法提交不能打开新窗口,form表单提交可能被其他功能占用。创建表单并设置参数类型、提交方式等,可以实现 form 一样的功能。
适用于创建任何HTML元素、追加到指定元素后、设置元素属性。
二、多线程控制
场景再现:HTML界面表单INPUT输入框,输入后键盘弹起事件会触发JS代码处理,如果在很短时间内连续多次弹起事件(比如多次敲击回车键)就会多次触发JS事件,可能会有意向不到的结果。因此一定要控制只能执行一次键盘弹起事件。
如果我们能控制读取一次弹起事件后面的事件都不处理就OKLA。
一、创建表单
用途:在界面上选择几千个订单,读取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>
相关文章推荐
- js循环数组各种方法array 汇总-基础
- javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
- JS正则表达式匹配检测各种数值类型(数字验证)
- JS 判断 浏览器 是否禁用Cookie
- JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
- json中文乱码问题
- javascript知识点总结
- js根据日期等生成时间戳
- JavaScript使用键盘输入控制实现数字验证功能
- JavaScript 常用对象
- javascript设计模式-module(模块)模式
- 装饰器、生成器,迭代器、Json & pickle 数据序列化
- JS获值
- 你可能不知道的10个JavaScript小技巧
- js实现三级联动
- JSP页面上的中文数据传到后台乱码处理汇总
- JSON和JSONP的区别,以及使用方法
- js json转string string转json
- js的闭包
- <a>标签中href="javascript:;"表示什么意思??