1. 浏览器
首先第一个概念——浏览器,可以说浏览器负责将html和css转换为对应的网页显示给用户看,同时还支持一种动态的语言Javascript。那么Javascript这门语言是干啥的呢,就是处理html和css的,它能修改网页上的html、css内容。那么还要Java和服务端干啥呢,HTML+CSS+Javascript不就足够打天下了吗,能显示也能改变。此处注意,Javascript只能跟浏览器打交道,但是Java或者C#或者C或者C++等后端语言呢,可以和文件交流,可以和数据库交流。
所以如果网页是单机的,那么HTML+CSS+Javascript确实够了,但是谁家上网只看自己电脑上的东西呢,那也太无聊了。所以后端的意义就是提供远程的服务支持!好的,那后端就够了啊,还要前端Javascript干嘛。此处举个例子。
就拿登录来说,如果使用后端逻辑判断用户名密码输入为空,那么每次用户名或者密码为空的时候,都要把表单提交到后端(比如Java Servlet),服务器都要响应一次。
如果使用客户端的语言Javascript呢,因为Javascript对浏览器还是十分了解的,所以Javascript发现用户输入用户名或密码空,可以直接就提示用户,然后可以控制表单不提交(表单也是客户端的HTML代码嘛,Javascript能管),这样的话,服务端就少服务了一次,压力就小多了。
2. 服务端
第二个概念——服务端。很多语言都可以做服务端,Java、C、C++、C#、PHP,甚至每种语言可能都有多种服务端的技术。比如最简单的,Java的JSP和Servlet都可以作为服务端技术(哈哈,JSP本来就是Servlet)。那么我们怎么去理解服务端呢,可以这么想:只要能接受请求并根据请求返回结果(也不管结果对不对),就是服务端。所以哈,服务端其实呢,也不仅仅是针对浏览器的,网游客户端对应的服务程序也是服务端啊,当然此处我们这针对浏览器。
那么浏览器的服务端和网游的服务端有啥区别呢,很简单,浏览器和服务端的交互是基于HTTP协议的,Servlet也是继承的HttpServlet才具备了处理HTTP请求的功能——具备了处理浏览器请求的功能。而其他的客户端和服务端基于啥,基于啥的都有TCP/UDP等等,那个我们不用操心。
3. 同步和异步
第三个概念——同步和异步。同步非常好理解,就是一步一步的往下进行,比如我们的网页发起一个请求到Servlet,如果Servlet不答复,网页就不会显示返回的结果。
那么啥是异步呢,有一个经典的名次ajax,含义是“异步JavaScript和XML",是不是听起来非常高大上。其实就是使用Javascript发起异步请求,返回结果呢是XML。所谓的异步,可以这么理解,我用Javascript向服务器抛去一个请求,但是呢,根本不知道人家啥时候答复,我Javascript也根本不管人家什么时候答复或者是否答复,我继续去干我的事情去了。如果答复了呢,我再处理答复的事情。所以ajax方法都会有一个回调函数,所谓的回调函数,就是把控制权交出,服务器当家。服务端啥时候响应了,回调函数再执行。
4. XML和JSON
最后一个概念是XML和JSON,此时我们已经知道了,浏览器可以通过两种方式和服务端交互。一种是直接向服务端抛出请求,另一种是通过浏览器Javascript向服务端抛出异步的请求。
第一种比较简单,因为服务端直接就返回整个网页了,浏览器直接显示就OK,复杂度都在服务端呢。第二种就复杂点了,Javascript实际上是客户端语言,是运行在浏览器上的,抛出的请求给服务端,返回结果往往并不是整个网页。(比如百度搜索一个关键词出现很多相关提示时,整个百度页面并未刷新,只是返回了一组关键字数据)。如果我们要返回一个数组的数据该怎么办呢,有的程序员可能喜欢使用空格分割、有的喜欢使用逗号分割,都是OK的。那么如果服务端返回的数据是一组学生信息呢?那么就麻烦了,不同的程序员可能设计不同的返回数据格式,而到了浏览器这一段,程序员又要使用Javascript解析返回结果。
为了避免这种麻烦,出现了XML和JSON这两种比较流行的数据交换格式,比如easyui前端跟后端交互时就是用了json,我们不用对json格式的数据进行太多处理,easyui已经帮我们封装了处理逻辑了。我们只需要后端(比如servlet)针对请求时,返回json格式的数据就行了,那么我们需要去研究json格式是什么样的,怎么转换吗。可以是不需要的!已经有成熟的jar包供我们引用,直接一个方法就能转换了。这就是标准的意义!xml和json因为非常流行,可以认为就是数据交换格式的标准了,像java、C#、php、Javascript等方方面面的语言,都是对其提供了良好的支持。
这些支持其实我们也可以去做,无非是格式的转换,有兴趣的同学可以自行研究,猫哥直接用就是了。