【表单提交】这样,我就用js提升了表单提交的用户体验

【表单提交】这样,我就用js提升了表单提交的用户体验

一、什么是js

js全称JavaScript,是一种…….,就一句话,在浏览器执行。

二、为什么使用js对表单验证

如果没有js ,可以使用HTML的form提交数据到后台,PHP来做数据验证。但是如果验证不通过,页面返回时会刷新,表单输入的内容会被清空。
当在一个页面留言的时候,编辑了很大一段留言内容,一点提交,却因为邮箱格式错误,需要全部重填表单。简直就没有再留言的欲望了。
image.png

三、什么是ajax

通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
简单的说:就是不用刷新页面来进行前后台数据交换。

四、为什么使用ajax验证

使用js验证,可以验证一些静态的内容,验证一些邮箱格式、电话格式等内容。无法验证需要后台判断的东西。例如:在用户注册的表单中,验证当前输入的邮箱和用户名是否已经注册过。
如果不使用ajax在前台验证的话,在后台判断出用户名已使用,就需要充填注册信息了,特别是在信息比较多的表单中。体验非常不好。
使用了ajax验证,就可以在文本框输入完成后,就给出判断是否可以使用。
image.png

五、什么情况下不建议使用ajax

ajax(fetch、axios等前后端交互插件)对于前后端分离的项目非常好用。在一些更新页面数据的场景,无刷新体验也非常好。
但是这些都是基于js的。百度蜘蛛是不支持抓取js内容的,当使用js获取内容比较多时,需要考虑蜘蛛抓取的问题。
image.png
百度搜索引擎优化指南2.0

You May Also Like

About the Author: 萌新

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注