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

前端之家收集整理的这篇文章主要介绍了js动态生成Html元素实现Post操作(createElement)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

有时,你需要Post数据到另一个页面上,那么你就需要构建一个Form表单

代码如下:
");

用如下js提交不起作用,因为打到页面上的form不是一个对象,而是一个字符串

所以你需要自己动态创建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相关文章