JavaScript表单提交

From表单

HTML表单：用于搜索不同类型的用户输入

 form表单的属性action 与method：
属性 值 描述
action URL(页面链接路径) 规定当提交表单时向何处发送表单数据
method get/post 规定用于发送form-data的HTTP方法。(提交表单的方式)
  在没有定义method的值时，默认的提交方式为get；
method的值 get/post
  get提交时的参数信息直接暴露在URL上。
  与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
  然而，在以下情况中，推荐使用 POST 请求：
     1.无法使用缓存文件（更新服务器上的文件或数据库）
     2.向服务器发送大量数据（POST 没有数据量限制）
     3.发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠
get/post区别：
     1.GET方法是用来向服务器上获取数据，而PSOT是用来向服务器上传递修改数据。
     2.GET将表单里的数据添加到action所指向的URL后面，并且两者之间使用”?”连接
    而各个变量之间使用"&"连接;PSOT是将表单中的数据放在form的数据体(FormData)中，
    按照键值对的方式，传递到所指向的action
     3.GET是不安全的，因为在传输过程中，数据被放在请求的url中这样用户可以直接在浏览器上看到提交的数据，假如在设置密码的时候，信息就会暴露在浏览器上面，别人也就能看到，没有安全性可言；
    POST的所有操作对用户来说都是不可见的,数据都在数据体(FormData)中，POST比GET更具有安全性；
     4.GET方法向URL添加数据,URL的长度是受限制的(URL的最大长度是2048个字符),POST提交则无限制
     5.GET方式获取数据后，刷新不会有负面的影响，因为它只是获取数据，
     POST数据会被重新提交可能会产生不良的后果(浏览器应该告知用户数据会被重新提交)
     6.数据类型的限制：GET只允许ASCII字符,POST则无限制(如果提交二进制数据(例如:图片)，则需要使用POST方法)
<form action="/Form00/getData" method="post"></form>
    URL可能的值：
      绝对 URL - 指向其他站点（比如 src="www.baidu.com"）
      相对 URL - 指向站点内的文件（比如 src="/Form00/getData"）
表单的手动提交
将onsubmit设置为return false可以阻止表单的提交，若不阻止，就算表单内容为空的时候，点击提交按钮，
表单也会进行提交的；
  在表单内容不为空的时候，点击提交，才可以进行提交；
  url的语法：url == "/控制器/方法的名称"；
方法如下：

先定义封装方法函数() {
        然后获取元素属性；
 if (name != "" && sex != 0 && address != ""){条件，则在输入框不为空的时候，才提交数据
   var myform = document.getElementById("myform");  //获取整个表单元素属性；
       myform.method = "get";                       //设置提交方式
       myform.action = "/Form/GetData";             //URL提交地址
        myform.submit();                            //表单的提交；                  
        } else {
          alert("数据不完整！");  
            }
        }