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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了浅谈Web页面向后台提交数据的方式和选择，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1694字，纯文字阅读大概需要3分钟。

内容图文

1、通过表单提交

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

2、通过网页链接提交

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

3、通过ajax提交

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

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

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

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

如果一个表单里有需要有多个提交按钮怎么办呢？

比如一个表单里的提交按钮所指向的处理页面不同，这样由于表单在定义的时候就已经确定下表单数据的处理页面，所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。

首先定义一个函数：

<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>

以上就是小编为大家带来的浅谈Web页面向后台提交数据的方式和选择的全部内容了，希望对大家有所帮助，多多支持脚本之家~

内容总结

以上是互联网集市为您收集整理的浅谈Web页面向后台提交数据的方式和选择全部内容，希望文章能够帮你解决浅谈Web页面向后台提交数据的方式和选择所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端