js 实现post方式传递

最新推荐文章于 2023-11-03 20:39:57 发布

最新推荐文章于 2023-11-03 20:39:57 发布 · 339 阅读

文章标签：

#HTML

本文介绍了一种使用JavaScript动态创建HTML表单元素并实现数据提交的方法，通过`postwith`函数实例展示了如何将用户输入的数据发送到指定URL。

数组语法 var in

<script language="javascript">
function postwith (to,p) {
  var myForm = document.createElement("form");
  myForm.method="post" ;
  myForm.action = to ;
  for (var k in p) {
    var myInput = document.createElement("input") ;
    myInput.setAttribute("name", k) ;
    myInput.setAttribute("value", p[k]);
    myForm.appendChild(myInput) ;
  }
  document.body.appendChild(myForm) ;
  myForm.submit() ;
  document.body.removeChild(myForm) ;
}
</script>


To insert a link into a page just use a normal anchor tag in the HTML and call the function.
<a href="javascript:postwith('post.aspx',{user:'peter',cc:'aus'})">click</a>