js动态生成Html元素实现Post操作(createElement)


Posted in Javascript onSeptember 14, 2015

有时,你需要Post数据到另一个页面上,那么你就需要构建一个Form表单

<form id="postform" name="postform" method="post">
<input name="msg" value=""/>
</form>
document.write("<form ..."

//document.write("<iframe src=\"about:blank\" name=\"hiddenFrame\" id=\"hiddenFrame\" width=\"0\" height=\"0\" frameborder=\"0\"></iframe>");

用如下js提交不起作用,因为打到页面上的form不是一个对象,而是一个字符串

//  theForm.action = "http://msg.baihe.com/tortoise/pages/tortoise/sm_gb2312.jsp?ReturnURL="+strReturnURL;
//  document.getElementById("Pathid").value="3070";
//  document.getElementById("Title").value="你好!";
//  document.getElementById("Content").value="我把你设为重点关注了,咱们聊聊吧:)";
//  document.getElementById("CloseWindow").value="1";

所以你需要自己动态创建form对象,用如下方法实现:

var form_feedback = document.createElement("form");
  document.body.appendChild(form_feedback);
    
  var i = document.createElement("input");
  i.type = "hidden";
  i.name = "Title";
  i.value = "你好!";
  form_feedback.appendChild(i);
  
  
  var j=document.createElement("input");
  j.type="hidden";
  j.name="Content";
  j.value="我把你设为重点关注了,咱们聊聊吧:)";
  form_feedback.appendChild(j);
  
  var hiddenIframe=document.createElement("iframe");
  hiddenIframe.src="about:blank";
  hiddenIframe.name="hiddenFrame";
  hiddenIframe.id="hiddenFrame";
  hiddenIframe.width="0";
  hiddenIframe.height="0";
  hiddenIframe.frameborder="0";
  form_feedback.appendChild(hiddenIframe);
  
  
  form_feedback.action = "http://msg.baihe.com/tortoise/pages/tortoise/sm_gb2312.jsp?ReturnURL=";
  form_feedback.target = "hiddenFrame";
  form_feedback.method = "post";
  form_feedback.submit();
Javascript 相关文章推荐
firefox中JS读取XML文件
Dec 21 Javascript
公共js在页面底部加载的注意事项介绍
Jul 18 Javascript
zTree插件之多选下拉菜单实例代码
Nov 06 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
Oct 09 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
May 21 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
Aug 24 Javascript
AngularJS表单和输入验证实例
Nov 02 Javascript
解决canvas画布使用fillRect()时高度出现双倍效果的问题
Aug 03 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
Sep 07 Javascript
js实现随机点名程序
Sep 17 Javascript
vue Cli 环境删除与重装教程 - 版本文档
Sep 11 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
Sep 14 #Javascript
JS动态添加iframe的代码
Sep 14 #Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 #Javascript
window.onload使用指南
Sep 13 #Javascript
JS+CSS简单树形菜单实现方法
Sep 12 #Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
Sep 12 #Javascript
JS实现超精简响应鼠标显示二级菜单代码
Sep 12 #Javascript
You might like
PHPMYADMIN 简明安装教程 推荐
2010/03/07 PHP
header导出Excel应用示例
2014/01/24 PHP
带密匙的php加密解密示例分享
2014/01/29 PHP
PHP借助phpmailer发送邮件
2015/05/11 PHP
网页前台通过js非法字符过滤代码(骂人的话等等)
2010/05/26 Javascript
枚举的实现求得1-1000所有出现1的数字并计算出现1的个数
2013/09/10 Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
2013/11/12 Javascript
js实现select组件的选择输入过滤代码
2014/10/14 Javascript
教你JS中的运算符乘方、开方及变量格式转换
2016/08/09 Javascript
js判断一个字符串是以某个字符串开头的简单实例
2016/12/27 Javascript
详解Node.js模板引擎Jade入门
2018/01/19 Javascript
Vue封装全局过滤器Filters的步骤
2020/09/16 Javascript
在Python下使用Txt2Html实现网页过滤代理的教程
2015/04/11 Python
Python环境搭建之OpenCV的步骤方法
2017/10/20 Python
详解pyqt5 动画在QThread线程中无法运行问题
2018/05/05 Python
Python通过for循环理解迭代器和生成器实例详解
2019/02/16 Python
Python树莓派学习笔记之UDP传输视频帧操作详解
2019/11/15 Python
python实现从wind导入数据
2019/12/03 Python
新手常见Python错误及异常解决处理方案
2020/06/18 Python
详解Scrapy Redis入门实战
2020/11/18 Python
python 邮件检测工具mmpi的使用
2021/01/04 Python
详解CSS3中@media的实际使用
2015/08/04 HTML / CSS
html svg生成环形进度条的实现方法
2019/09/23 HTML / CSS
美国知名平价彩妆品牌:e.l.f. Cosmetics
2017/11/20 全球购物
买卖正宗运动鞋:GOAT
2019/12/06 全球购物
英国马莎百货印度官网:Marks & Spencer印度
2020/10/08 全球购物
团支书的期末学习总结自我评价
2013/11/01 职场文书
学生自我评价范文
2014/02/02 职场文书
学习张丽丽心得体会
2014/09/03 职场文书
酒店管理失职检讨书
2014/09/16 职场文书
军训心得体会范文(2016最新篇)
2016/01/11 职场文书
Python进阶学习之带你探寻Python类的鼻祖-元类
2021/05/08 Python
Python 实现绘制子图及子图刻度的变换等问题
2021/05/31 Python
Win11怎样将锁屏账户头像图片改成动画视频
2021/11/21 数码科技
Spring Boot配合PageHelper优化大表查询数据分页
2022/04/20 Java/Android
Win10服务全部禁用了怎么启动?Win10服务全部禁用解决方法
2022/09/23 数码科技