js动态生成Html元素实现Post操作(createElement)
2015-09-16 06:02
876 查看
有时,你需要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中的4种类型识别方法
- JS实现可关闭的对联广告效果代码
- JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
- JS+CSS实现自动切换的网页滑动门菜单效果代码
- JS+DIV+CSS实现的经典标签切换效果代码
- js带缩略图的图片轮播效果代码分享
- 根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
- js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
- 关于JavaScript中的事件代理
- NSJSONSerialization-JSON数据与NSDictionary和NSArray之间的转化
- 关于JavaScript中的事件代理
- Ember.js 入门指南——handlebars显示对象的键(未完待续)
- Ember.js 入门指南——handlebars遍历标签
- Ember.js 入门指南——handlebars遍历标签
- JSP中的九个内置对象及四个作用域
- 浅谈jsp的Session的生命周期
- javascript模拟实现Map
- 使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
- JS+CSS实现的经典tab选项卡效果代码
- Javascript实现商品秒杀倒计时(时间与服务器时间同步)