submit及表单的一些总结

get 和post 两者区别如下： 1、Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。 2、Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。 3、Get是不安全的，因为在传输过程，数据被放在请求的URL中，而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中，然后放在某个地方，这样就可能会有一些隐私的信息被第三方看到。另外，用户也可以在浏览器上直接看到提交的数据，一些系统内部消息将会一同显示在用户面前。Post的所有操作对用户来说都是不可见的。 4、Get传输的数据量小，这主要是因为受URL长度限制；而Post可以传输大量的数据，所以在上传文件只能使用Post（当然还有一个原因，将在后面的提到）。 5、Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。 6、Get是Form的默认方法。 submit与onsubmit 发生顺序:onsubmit -> submit 1.阻止表单提单：   [crayon-50361fa000656/] 2.onsubmit()与submit() ： [crayon-50361fa000a3a/] [crayon-50361fa000e22/] [crayon-50361fa001209/] 3将submit()方法放在<form>标签之外就不能响应了. 因为默认在form标签内。调用submit方法是默认提交所属的form。 而放在外面。无法确认提交的form标签。 因此需要使用document.forms[0].submit()确认提交当前网页的第一个form元素。 4表单元素操作 可以用document.forms[0]或者document.forms["name"]来操作表单，length可以取得表单的数量. 操作表单元素最好的方式是用form.elements[0]或者form.elements["name"]来取得内部的控件 表单的几个事件：reset 一般很少用，可以阻止这个事件 addEventListener(form,”reset”,function(event){阻止默认事件的方法}) submit ，上面已经讲了。submit()方法提交时不会触发submit事件，也即不会触发onsubmit后的函数 同样可以用跟reset一样的写法来阻止表单的提交。还有另外一种方法，提交后禁用提交按钮（防止用户重复提交） addEventListener(form,”submit”,function(event){得到事件的target,之后利用elements得到按钮，将按钮设置为bt.disabled=true}) 但是这种方法不好，有的浏览器会先触发click事件，就会将按钮禁用，此时还没有提交。。   »本文地址:http://99jty.com/?p=357 »订阅本站:http://winysky.com/feed/»当你从RSS阅览器里看到这篇文章时，还没有评论，还不赶紧过来抢沙发？

转载于:https://www.cnblogs.com/99f2e/archive/2012/03/07/2653127.html