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动态生成Html元素实现Post操作（createElement）
http://www.lai18.com/content/1439597.html

分享给朋友：

您可能感兴趣的文章：

随机阅读：

栏目列表

推荐内容

热点内容

动力学知识库

js动态生成Html元素实现Post操作（createElement）