js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题

js模拟form表单提交数据源码:

/**
* js模拟form表单提交
* @param {object} 参数对象
*    url       必填  提交地址
*    methond   选填  默认post  提交方式  post  get
*    target    选填  默认_self  当前页面还是新页面   _self _blank
*              其它参数
*/
function jsFormSubmit(params) {var turnForm = document.createElement("form");//一定要加入到body中!!document.body.appendChild(turnForm);var method = params['methond'] || "POST"; //默认为postturnForm.method = method;delete params['methond'];var target = params['target'] || "_self";    //默认为当前页面turnForm.target = target;delete params['target'];var url = params.url; //提交地址turnForm.action = url;delete params['url'];//创建隐藏表单for(var item in params){var newElement = document.createElement("input");newElement.setAttribute("type","hidden");newElement.setAttribute("name",item);newElement.setAttribute("value",params[item]);turnForm.appendChild(newElement);}turnForm.submit();
}

js模拟form表单提交使用示例:

var params = {//必填参数"url":url,"methond":"post","target":"_blank",//下边为要提交的数据"j_username":"SYNKMXS0000000043","j_password":"3258"
}
formSubmit(params);

js模拟a点击源码:

/**
* js模拟a点击
* @param {string}  url       必填  提交地址
* @param {string}  target    选填  默认_self  当前页面还是新页面   _self _blank
*/
function jsALink(url,target) {var target = target || "_blank";//先读取alink 不存在则创建var alink = document.getElementById("alink");if(alink==undefined)  alink=document.createElement("a");//赋值alink.id = "alink";alink.href = url;alink.target = target;alink.style = "display: none;";//写入页面document.body.appendChild(alink);//执行点击事件document.getElementById("alink").click();
}

js模拟a点击示例:

jsALink("http://www.jsfun.cn","_blank");

来源:jsfun.cn

转载于:https://www.cnblogs.com/jsfuns/p/8541606.html

js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题...相关推荐

  1. JS动态模拟Form表单提交数据

    分享知识  传递快乐 JS动态模拟Form表单提交数据 <!DOCTYPE html> <html lang="en"> <head><m ...

  2. ajax 模拟表单提交,Ajax模拟Form表单提交,含多种数据上传

    ---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...

  3. JS模拟Form表单提交

    用java写了一个下载的功能,测试没有问题,但前台就是不弹出下载的提示框. 后来发现如果你的提交方式是ajax的方式的话是不会弹出提示框的,然后换成了form提交,顺利弹框通过,下来我们就用js模拟f ...

  4. form表单提交数据(包括文字和图片)实例

    一般来说,form表单提交数据的方式,也就是请求数据到服务器是与传统利用路径api去get或post一个请求到服务器是不一样的,下面就来探讨下关于form表单提交数据至服务器到底是怎么实现的. 话不多 ...

  5. form表单提交数据不让跳转办法

    form表单提交数据不让跳转办法 应用场景: 1.弹出层 2.需要连续提交多条记录的情况 3.页面多个存在提交事件,需要局部提交情况 方法一:加个return false,阻止表单跳转 <for ...

  6. html 提交form表单提交数据格式,form表单提交数据

    form表单提交的几种方法 HTML表单提交的几种方式方式一:通过submit按钮提交方式二:通过一般按钮button提交1/3javascript">functionsubmit1( ...

  7. html表单数据提交服务器,form表单提交数据到服务器

    [TOC] >[success] # form表单提交数据到服务器 ~~~ 下面案例通过'form表单'的方式提交给后台数据,在'index.html'页面'input'中输入内容提交给后台, ...

  8. form表单提交数据如何拿到返回值

    form表单提交数据如何拿到返回值 文章目录 form表单提交数据如何拿到返回值 @[TOC](文章目录) 前言 一.如何拿到返回值 二.在这个过程中也会遇到一些问题 总结 前言 使用form表单提交 ...

  9. Django(part17)--form表单提交数据

    学习笔记,仅供参考,有错必纠 form表单 form表单的主要作用是和服务器进行交互,为服务器端提供数据. name属性 form表单有name属性,name属性类似于客户端与服务器端之间的约定. f ...

最新文章

  1. win10 远程问题汇总
  2. 20051008:看了AppleSeed,领悟到了一个道理:
  3. [翻译]延迟着色(1)
  4. 编程实现基于二维易位置换机制进行信息加解密_基于TEE的TBOX安全技术
  5. 删除含有关键词的文件_AweEraser——macOS Catalina最佳的文件粉碎机
  6. win7美化_Potplayer64位美化版,无棒子的tv推送
  7. 串口与modem流量控制大全(2)
  8. (找规律)Magic of David Copperfield
  9. Golang 位向量
  10. 利尔达NB-IOT的PSM和eDRX低功耗模式笔记
  11. UBUNTU配置samba
  12. 奔驰北京工厂两年内将再投产三款电动车;希尔顿中国市场第300家酒店开业 | 美通企业日报...
  13. 菜鸟学Linux 第041篇笔记 常见系统故障排除
  14. 初级第三旬05— 初级班课程第三旬试题
  15. 1026 程序运行时间
  16. 002_Python基础学习网站
  17. EXCEL编程经验总结
  18. BDL語法知識 变量的初始话
  19. 实时音视频会议场景下QoS策略
  20. 服装ERP应用 四 从手工到Web 2 0时代的VIP客户管理

热门文章

  1. python高阶函数介绍_python高级特性和高阶函数及使用详解
  2. 写接口给别人调用 推送数据到我们_我们写了一个超好用的抖音矩阵数据管理工具...
  3. linux钟java运行命令,在java中运行linux命令
  4. python不能创建字典的是_用Python创建带有重复键的字典
  5. 力扣151. 翻转字符串里的单词
  6. 《MySQL——查询长时间不返回的三种原因与查询慢的原因》
  7. c#枚举数字转枚举_C#枚举能力问题和解答 套装4
  8. 软件工程 软件设计 步骤_好的软件设计特点 软件工程
  9. c语言double root,C语言修仙
  10. python安全攻防---爬虫基础---BeautifulSoup解析