动态生成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();

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值