HTML5技术

关于毕设的一些小问题 - 火影不火

字号+ 作者:H5之家 来源:H5之家 2017-12-20 17:05 我要评论( )

:hover 鼠标悬浮在具有这个属性的标签上就会出现变化,使当前标签具有hover所描述属性 Web页面向后台提交数据的方式和选择 众所周知Web前端页面主要由HTML/CSS/Javascript组成,当要通过与用户的交互实现各种功能时,就需要向后台提交一些数据或者操作。在We

:hover 鼠标悬浮在具有这个属性的标签上就会出现变化,使当前标签具有hover所描述属性

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

众所周知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种。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 关于promise的详细讲解 - 空一座旧城,守一个旧人

    关于promise的详细讲解 - 空一座旧城,守一个旧人

    2017-12-14 12:13

  • Angular4图片上传预览路径不安全问题 - LiuDongpei

    Angular4图片上传预览路径不安全问题 - LiuDongpei

    2017-12-13 17:24

  • 移动端经常出现的兼容问题 - 空一座旧城,守一个旧人

    移动端经常出现的兼容问题 - 空一座旧城,守一个旧人

    2017-12-09 08:01

  • 关于跨域请求 - 空一座旧城,守一个旧人

    关于跨域请求 - 空一座旧城,守一个旧人

    2017-12-09 08:01

网友点评