本文翻译youtube上的up主kudvenkat的javascript tutorial播放单
源地址在此:
https://www.youtube.com/watch?v=PMsVM7rjupU&list=PL6n9fhu94yhUA99nOsJkKXBqokT3MBK0b
本次视频我们讨论两点:
1.在web app里面Javascript的用法
2.Javascript的优势
比如有一个表格,里面有几个fields,比如姓名,邮箱之类的,然后还有一个submit的按钮,当你按下submit按钮之后,这个表格就post到web服务器里,服务器检查表格内容,如果需求的表格内容没有被填写,则用户会获得一个错误的提示.
在这个情况下,表格的检查是在服务器端进行的.仅仅是检查表格,就有一个在客户浏览器和服务器之间的交互.请求必须经由网路传输到服务器来处理.也就是说如果网路很慢或者服务器在忙着处理其他的请求,那么终端用户则不得不等待数秒
那么有没有在客户端进行表格检查的方法呢
有的,我们可以用Javascript来实现,Javascript是在客户的浏览器上运行的
sumbit这个按钮会发出OnClientCLick="return ValidateForm()"的命令.这个命令会呼出Javascript的ValidateForm()的函数方法.这个Javascript的代码在客户浏览器上运行并且检查表格的各个内容.如果表格留空,那么客户会马上接受到错误提示.这比在服务器端进行检查效率要高得多.因为我们使用的是客户本身的机器处理能力,所以对于服务器的负担也会减少.如果所有的表格内容都被正确填写,那么这个表格才会被上传到服务器,从而让服务器把数据储存到数据库表格
Javascript的优势:
1.可以在客户端进行表格检查,减少了服务器和客户之间没必要的互动.同样也减少了服务器的负担,从而让程序更快
2.Javascript使用的是客户端的机器处理能力
3.在Javascript的帮助下,只更新一部分的网页成为可能,而不用整个重新加载当前网页.这个技术通常叫做AJAX
4.Javascript同样可以用来让网页的元素动起来.比如,显示或者隐藏网页上的元素或者部分