浏览器、服务端、同步异步、XML和JSON

简介: 本文目录1. 浏览器2. 服务端3. 同步和异步4. XML和JSON

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等方方面面的语言,都是对其提供了良好的支持。


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

相关文章
|
15天前
|
XML 存储 JSON
Twaver-HTML5基础学习(19)数据容器(2)_数据序列化_XML、Json
本文介绍了Twaver HTML5中的数据序列化,包括XML和JSON格式的序列化与反序列化方法。文章通过示例代码展示了如何将DataBox中的数据序列化为XML和JSON字符串,以及如何从这些字符串中反序列化数据,重建DataBox中的对象。此外,还提到了用户自定义属性的序列化注册方法。
30 1
|
15天前
|
XML JSON 数据处理
C# 中的 XML 与 JSON 数据处理
在现代软件开发中,数据交换和存储需求日益增长,XML 和 JSON 成为最常用的数据格式。本文从 C# 角度出发,详细介绍如何处理这两种格式,并提供示例代码。对于 XML,我们介绍了读取、创建和写入 XML 文件的方法;对于 JSON,则展示了如何使用 Newtonsoft.Json 库进行数据解析和序列化。此外,文章还总结了常见问题及其解决方案,帮助开发者更好地应对实际项目中的挑战。
159 61
C# 中的 XML 与 JSON 数据处理
|
2天前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
XML DOM 浏览器差异
|
15天前
|
JSON 前端开发 JavaScript
java中post请求调用下载文件接口浏览器未弹窗而是返回一堆json,为啥
客户端调接口需要返回另存为弹窗,下载文件,但是遇到的问题是接口调用成功且不报错,浏览器F12查看居然返回一堆json,而没有另存为弹窗; > 正确的效果应该是:接口调用成功且浏览器F12不返回任何json,而是弹窗另存为窗口,直接保存文件即可。
47 2
|
1月前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
XML DOM 浏览器差异
|
1月前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
XML DOM 浏览器差异
|
1月前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
XML DOM 浏览器差异
|
1月前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
XML DOM 浏览器差异
|
2月前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
XML DOM 浏览器差异
|
2月前
|
XML JavaScript 数据格式
XML DOM 浏览器差异
XML DOM 浏览器差异

热门文章

最新文章