阿里云-云小站(无限量代金券发放中)
【腾讯云】云服务器、云数据库、COS、CDN、短信等热卖云产品特惠抢购

关于前端的毕设,学长有话说

34次阅读
没有评论

共计 827 个字符,预计需要花费 3 分钟才能阅读完成。

: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 种。

3、多个 form,或者多个提交按钮对应一个 form 都完全没有问题。当然,要注意的是,多个 form 的话,每次提交,页面只会接收到提交的那个 form 的值。form 不可以嵌套,每个 form 放个隐藏域,提交时隐藏域也会提交,你根据不同的隐藏域值执行不同的操作。

阿里云 2 核 2G 服务器 3M 带宽 61 元 1 年,有高配

腾讯云新客低至 82 元 / 年,老客户 99 元 / 年

代金券:在阿里云专用满减优惠券

正文完
星哥说事-微信公众号
post-qrcode
 0
星锅
版权声明:本站原创文章,由 星锅 于2024-07-24发表,共计827字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
【腾讯云】推广者专属福利,新客户无门槛领取总价值高达2860元代金券,每种代金券限量500张,先到先得。
阿里云-最新活动爆款每日限量供应
评论(没有评论)
验证码
【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中