使用javascript发布表单(非Ajax)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用javascript发布表单(非Ajax)相关的知识,希望对你有一定的参考价值。

This javascript function takes the URL of the target page and an associative array of name/values paires and POSTs the data to the supplied URL by dynamically creating a form and then submitting it.
  1. // POST Function
  2. function postwith (to,p) {
  3. var myForm = document.createElement("form");
  4. myForm.method="post" ;
  5. myForm.action = to ;
  6. for (var k in p) {
  7. var myInput = document.createElement("input") ;
  8. myInput.setAttribute("name", k) ;
  9. myInput.setAttribute("value", p[k]);
  10. myForm.appendChild(myInput) ;
  11. }
  12. document.body.appendChild(myForm) ;
  13. myForm.submit() ;
  14. document.body.removeChild(myForm) ;
  15. }
  16.  
  17. // Fire function
  18. postwith( 'post.aspx', {
  19. user:'peter' ,
  20. cc:'aus'
  21. });

以上是关于使用javascript发布表单(非Ajax)的主要内容,如果未能解决你的问题,请参考以下文章

如何在 ajax 调用中提交表单之前调用 javascript 验证函数

使用 javascript 没有 jQuery 的简单 ajax 表单

防止在 Ajax 发布后使用 Javascript 重新提交表单(无重定向)

如何使用 JavaScript 而不是提交按钮发布 ASP.NET MVC Ajax 表单

AJAX、jQuery、Javascript、表单提交和 setTimout() 问题

JavaScript 表单使用 Ajax 和 Laravel 路由提交到数据库