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();
相关文章
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
这篇文章主要介绍了PhotoShop给图片自动添加边框及EXIF信息的JS脚本,本文给出效果图和实现代码,需要的朋友可以参考下2015-02-02
JavaScript数组中相同的元素进行分组(数据聚合)groupBy函数详解
今天在打算从js端时序数据库TSDB中,按相同的类型的数据排在一起,并且取同一时间段最新的数据,经过查询这种思想叫做数据聚合,就是返回的数据要根据一个属性来做计算,这篇文章主要介绍了JavaScript数组中相同的元素进行分组(数据聚合) groupBy函数,需要的朋友可以参考下2023-12-12
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
下面小编就为大家带来一篇js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-02-02
JS控件bootstrap datepicker使用方法详解
这篇文章主要介绍了js控件bootstrap datepicker的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-03-03


最新评论