使用EasyUI开发银行业绩统计系统[3]-关于前端你需要知道的事

本篇涉及客户端、服务端、javascript、同步、异步、xml、json等关键字，感觉这些东西是必须要知道的，不知道的话，那就是云里雾里，学的不知所以。当然，本篇内容也不一定必须要理解，属于有利于本系列学习的选修内容。

首先第一个概念——浏览器，可以说浏览器负责将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能管），这样的话，服务端就少服务了一次，压力就小多了。

第二个概念——服务端。很多语言都可以做服务端，Java、C、C++、C#、PHP，甚至每种语言可能都有多种服务端的技术。比如最简单的，Java的JSP和Servlet都可以作为服务端技术（哈哈，JSP本来就是Servlet）。那么我们怎么去理解服务端呢，可以这么想：只要能接受请求并根据请求返回结果（也不管结果对不对），就是服务端。所以哈，服务端其实呢，也不仅仅是针对浏览器的，网游客户端对应的服务程序也是服务端啊，当然此处我们这针对浏览器。

那么浏览器的服务端和网游的服务端有啥区别呢，很简单，浏览器和服务端的交互是基于HTTP协议的，Servlet也是继承的HttpServlet才具备了处理HTTP请求的功能——具备了处理浏览器请求的功能。而其他的客户端和服务端基于啥，基于啥的都有TCP/UDP等等，那个我们不用操心。

第三个概念——同步和异步。同步非常好理解，就是一步一步的往下进行，比如我们的网页发起一个请求到Servlet，如果Servlet不答复，网页就不会显示返回的结果。

那么啥是异步呢，有一个经典的名次ajax，含义是“异步JavaScript和XML"，是不是听起来非常高大上。其实就是使用Javascript发起异步请求，返回结果呢是XML。所谓的异步，可以这么理解，我用Javascript向服务器抛去一个请求，但是呢，根本不知道人家啥时候答复，我Javascript也根本不管人家什么时候答复或者是否答复，我继续去干我的事情去了。如果答复了呢，我再处理答复的事情。所以ajax方法都会有一个回调函数，所谓的回调函数，就是把控制权交出，服务器当家。服务端啥时候响应了，回调函数再执行。

最后一个概念是XML和JSON，此时我们已经知道了，浏览器可以通过两种方式和服务端交互。一种是直接向服务端抛出请求，另一种是通过浏览器Javascript向服务端抛出异步的请求。

第一种比较简单，因为服务端直接就返回整个网页了，浏览器直接显示就OK，复杂度都在服务端呢。第二种就复杂点了，Javascript实际上是客户端语言，是运行在浏览器上的，抛出的请求给服务端，返回结果往往并不是整个网页。（比如百度搜索一个关键词出现很多相关提示时，整个百度页面并未刷新，只是返回了一组关键字数据）。如果我们要返回一个数组的数据该怎么办呢，有的程序员可能喜欢使用空格分割、有的喜欢使用逗号分割，都是OK的。那么如果服务端返回的数据是一组学生信息呢？那么就麻烦了，不同的程序员可能设计不同的返回数据格式，而到了浏览器这一段，程序员又要使用Javascript解析返回结果。

为了避免这种麻烦，出现了XML和JSON这两种比较流行的数据交换格式，比如easyui前端跟后端交互时就是用了json，我们不用对json格式的数据进行太多处理，easyui已经帮我们封装了处理逻辑了。我们只需要后端（比如servlet）针对请求时，返回json格式的数据就行了，那么我们需要去研究json格式是什么样的，怎么转换吗。可以是不需要的！已经有成熟的jar包供我们引用，直接一个方法就能转换了。这就是标准的意义！xml和json因为非常流行，可以认为就是数据交换格式的标准了，像java、C#、php、Javascript等方方面面的语言，都是对其提供了良好的支持。

这些支持其实我们也可以去做，无非是格式的转换，有兴趣的同学可以自行研究，猫哥直接用就是了。

为了演示的方便，猫哥可能会在很多场合直接使用本地的json文件作为数据源，其实跟从数据库中查询出来数据然后转换为json是一样的道理。