zoukankan      html  css  js  c++  java
  • 动态生成Html元素实现Post操作(createElement)


    有时,你需要Post数据到另一个页面上,那么你就需要构建一个Form表单
    <form id="postform" name="postform" method="post">

    <input name="msg" value=""/>
    </form>

    但如果当前页面是用js打到页面上的,那么你在用js提交时不起作用
    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();

  • 相关阅读:
    python random 随机选择操作
    分类预测,交叉验证调超参数
    7种炫酷HTML5 SVG液态水滴融合分解动画特效
    SAP WEBSERVICE Soap中RPC-style和Document-style
    Cocos2d-x 3.0final 终结者系列教程02-开发环境的搭建
    C#创建Excel文件并将数据导出到Excel文件
    某一天,忽然发现自己坚持不下去了。(无关计算机,仅仅是一些自己的困惑和感想)
    HDU4300-Clairewd’s message-KMP
    Java深入
    IOS UITextView光标位置在中间的问题
  • 原文地址:https://www.cnblogs.com/goody9807/p/900315.html
Copyright © 2011-2022 走看看