Web页面向后台提交数据的方式和选择

Web页面向后台提交数据的方式和选择

id="iframeu1788635_0" src="http://pos.baidu.com/vcem?rdid=1788635&dc=2&di=u1788635&dri=0&dis=0&dai=2&ps=236x946&dcb=BAIDU_SSP_define&dtm=BAIDU_DUP_SETJSONADSLOT&dvi=0.0&dci=-1&dpt=none&tsr=0&tpr=1462868291736&ti=Web%E9%A1%B5%E9%9D%A2%E5%90%91%E5%90%8E%E5%8F%B0%E6%8F%90%E4%BA%A4%E6%95%B0%E6%8D%AE%E7%9A%84%E6%96%B9%E5%BC%8F%E5%92%8C%E9%80%89%E6%8B%A9%20%7C%20%E5%AD%A6%E6%AD%A5%E5%9B%AD&ari=1&dbv=2&drs=1&pcs=1440x742&pss=1440x256&cfv=0&cpl=5&chi=1&cce=true&cec=UTF-8&tlm=1462868291&ltu=http%3A%2F%2Fwww.xuebuyuan.com%2F2036061.html&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3Dc5rctUnZ8YOL_ZMwea1uixhaWU9hOsInASEn9kOT8o6WWxDCaKGKmrSPTmaGTXP3%26wd%3D%26eqid%3Deba8bdc20000150d000000065731993c&ecd=1&psr=1440x900&par=1440x870&pis=-1x-1&ccd=24&cja=true&cmi=7&col=zh-CN&cdo=-1&tcn=1462868292&qn=252155141f10bcff&tt=1462868291616.227.508.509" width="336" height="280" align="center,center" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="margin: 0px; padding: 0px; border-width: 0px; border-style: initial; vertical-align: bottom; background: transparent;">

众所周知Web前端页面主要由HTML/CSS/Javascript组成，当要通过与用户的交互实现各种功能时，就需要向后台提交一些数据或者操作。在Web世界里各种实现眼花缭乱，但究其根本，不外乎三种方式，这也是由前端脚本、浏览器与后台交互规则决定的。

1、通过表单提交

这是HTML支持最传统的提交方法，需要创建表单，然后表单包含各种类型的表单元素，还要有一个提交按钮，通过提交按钮来提交到后台，这种方式提交后页面会刷新。

2、通过网页链接提交

可以在网页的链接附上需要提交的参数，当用户点击链接后，浏览器发起向链接的访问，从而也把链接附带的参数提交到后台，这种方式提交后页面也会刷新。

3、通过ajax提交

Javascript支持ajax方式创建HTTP请求，可以通过在HTML页面元素的事件处理函数中创建ajax请求，在url参数里携带所需提交的参数，从而提交到后台，这种方式提交后页面不会刷新。

在实际Web页面中，我们要根据实际用户交互的需要来选择合适的提交方式。

1、如果需要使用一些的表单类型用户输入，比如文本框、单选框、下拉框，那么可以选择第1种和第3种方式，如果希望提交后页面刷新就选第1种，如果不希望提交后页面刷新就选第3种。

2、如果不需要表单类型输入，那么可以选择第2种和第3种方式，如果希望提交后页面刷新就选第2种，如果不希望提交后页面刷新就选第3种。