广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

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

    2018-04-08 09:03:48 次阅读 稿源:互联网
    零七广告

    有时,你需要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();

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告