手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js动态生成Html元素实现Post操作(createElement)
js动态生成Html元素实现Post操作(createElement)
摘要:有时,你需要Post数据到另一个页面上,那么你就需要构建一个Form表单复制代码代码如下:document.write("

有时,你需要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"+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"; form_feedback.target = "hiddenFrame"; form_feedback.method = "post"; form_feedback.submit();

【js动态生成Html元素实现Post操作(createElement)】相关文章:

js+css实现回到顶部按钮(back to top)

在JavaScript的正则表达式中使用exec()方法

javascript中createElement的两种创建方式

javascript瀑布流式图片懒加载实例解析与优化

js随机生成26个大小写字母

动态加载iframe

javascript中FOREACH数组方法使用示例

JavaScript的RequireJS库入门指南

详解 JavaScript 闭包的小知识

快速判断某个值是否在select中的方法

精品推荐
分类导航