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

一、经过表单提交javascript

这是HTML支持最传统的提交方法,须要建立表单,而后表单包含各类类型的表单元素,还要有一个提交按钮,经过提交按钮来提交到后台,这种方式提交后页面会刷新。php

二、经过网页连接提交java

能够在网页的连接附上须要提交的参数,当用户点击连接后,浏览器发起向连接的访问,从而也把连接附带的参数提交到后台,这种方式提交后页面也会刷新。ajax

三、经过ajax提交浏览器

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

在实际Web页面中,咱们要根据实际用户交互的须要来选择合适的提交方式。post

一、若是须要使用一些的表单类型用户输入,好比文本框、单选框、下拉框,那么能够选择第1种和第3种方式,若是但愿提交后页面刷新就选第1种,若是不但愿提交后页面刷新就选第3种。url

二、若是不须要表单类型输入,那么能够选择第2种和第3种方式,若是但愿提交后页面刷新就选第2种,若是不但愿提交后页面刷新就选第3种。spa

若是一个表单里有须要有多个提交按钮怎么办呢?
好比一个表单里的提交按钮所指向的处理页面不一样,这样因为表单在定义的时候就已经肯定下表单数据的处理页面,因此单纯地在表单里放多个提交按钮是没有办法达到目的的。这就须要javascript。
首先定义一个函数:orm


<script language=javascript>
function query(){
form.action=”query.php”;
form.submit();}
function update(){
form.action=”update.php”;
form.submit();}
</script>

经过javascript改变form的action属性值,这样就能够实现多提交按钮并且功能不一样了,页面内代码以下:

<form name=”form” method=”post” action=”#”> <input type=”button” name=”query” onclick=”query();” value=”查询”> <input type=”button” name=”update” onclick=”update();” value=”更新”> </form>