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

 更新时间:2015年09月14日 00:52:04   投稿:mdxy-dxy  
这篇文章主要介绍了js动态生成Html元素实现Post操作(createElement),需要的朋友可以参考下

有时,你需要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();

相关文章

  • JS实现表单全选以及取消全选实例

    JS实现表单全选以及取消全选实例

    这篇文章主要为大家详细介绍了JS实现表单全选以及取消全选实例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • JavaScript设计模式之外观模式介绍

    JavaScript设计模式之外观模式介绍

    这篇文章主要介绍了JavaScript设计模式之外观模式介绍,外观模式是用于由于子系统或程序组成较复杂而提供的一个高层界面接口,使用客户端更容易访问底层的程序或系统接口,需要的朋友可以参考下
    2014-12-12
  • 键盘KeyCode值列表汇总

    键盘KeyCode值列表汇总

    这篇文章主要是对键盘KeyCode值进行了详细的汇总,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • PhotoShop给图片自动添加边框及EXIF信息的JS脚本

    PhotoShop给图片自动添加边框及EXIF信息的JS脚本

    这篇文章主要介绍了PhotoShop给图片自动添加边框及EXIF信息的JS脚本,本文给出效果图和实现代码,需要的朋友可以参考下
    2015-02-02
  • JavaScript数组中相同的元素进行分组(数据聚合)groupBy函数详解

    JavaScript数组中相同的元素进行分组(数据聚合)groupBy函数详解

    今天在打算从js端时序数据库TSDB中,按相同的类型的数据排在一起,并且取同一时间段最新的数据,经过查询这种思想叫做数据聚合,就是返回的数据要根据一个属性来做计算,这篇文章主要介绍了JavaScript数组中相同的元素进行分组(数据聚合) groupBy函数,需要的朋友可以参考下
    2023-12-12
  • js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法

    js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法

    下面小编就为大家带来一篇js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • 两个比较有用的Javascript工具函数代码

    两个比较有用的Javascript工具函数代码

    下面我的base.js中的extend函数可以允许用json格式赋值属性甚至是函数句柄
    2010-02-02
  • moment.js 时间日期处理详解

    moment.js 时间日期处理详解

    这篇文章主要介绍了moment.js 时间日期处理详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-09-09
  • JS控件bootstrap datepicker使用方法详解

    JS控件bootstrap datepicker使用方法详解

    这篇文章主要介绍了js控件bootstrap datepicker的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JavaScript实现时钟特效

    JavaScript实现时钟特效

    这篇文章主要为大家详细介绍了JavaScript实现时钟特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06

最新评论