浏览器、服务端、同步异步、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等方方面面的语言,都是对其提供了良好的支持。


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

相关文章
|
3月前
|
XML 存储 JSON
Twaver-HTML5基础学习(19)数据容器(2)_数据序列化_XML、Json
本文介绍了Twaver HTML5中的数据序列化,包括XML和JSON格式的序列化与反序列化方法。文章通过示例代码展示了如何将DataBox中的数据序列化为XML和JSON字符串,以及如何从这些字符串中反序列化数据,重建DataBox中的对象。此外,还提到了用户自定义属性的序列化注册方法。
51 1
|
4月前
|
XML JSON 前端开发
【Web前端揭秘】XML与JSON:数据界的双雄对决,你的选择将如何改写Web世界的未来?
【8月更文挑战第26天】本文深入探讨了XML和JSON这两种广泛使用的数据交换格式在Web前端开发中的应用。XML采用自定义标签描述数据结构,适用于复杂层次数据的表示,而JSON则以键值对形式呈现数据,更为轻量且易解析。通过对两种格式的示例代码、结构特点及应用场景的分析,本文旨在帮助读者更好地理解它们的差异,并根据实际需求选择最合适的数据交换格式。
75 1
|
3月前
|
XML JSON 数据处理
C# 中的 XML 与 JSON 数据处理
在现代软件开发中,数据交换和存储需求日益增长,XML 和 JSON 成为最常用的数据格式。本文从 C# 角度出发,详细介绍如何处理这两种格式,并提供示例代码。对于 XML,我们介绍了读取、创建和写入 XML 文件的方法;对于 JSON,则展示了如何使用 Newtonsoft.Json 库进行数据解析和序列化。此外,文章还总结了常见问题及其解决方案,帮助开发者更好地应对实际项目中的挑战。
198 61
C# 中的 XML 与 JSON 数据处理
|
2月前
|
XML JSON 数据可视化
数据集学习笔记(二): 转换不同类型的数据集用于模型训练(XML、VOC、YOLO、COCO、JSON、PNG)
本文详细介绍了不同数据集格式之间的转换方法,包括YOLO、VOC、COCO、JSON、TXT和PNG等格式,以及如何可视化验证数据集。
381 1
数据集学习笔记(二): 转换不同类型的数据集用于模型训练(XML、VOC、YOLO、COCO、JSON、PNG)
|
3月前
|
JSON 前端开发 JavaScript
java中post请求调用下载文件接口浏览器未弹窗而是返回一堆json,为啥
客户端调接口需要返回另存为弹窗,下载文件,但是遇到的问题是接口调用成功且不报错,浏览器F12查看居然返回一堆json,而没有另存为弹窗; > 正确的效果应该是:接口调用成功且浏览器F12不返回任何json,而是弹窗另存为窗口,直接保存文件即可。
168 2
|
2月前
|
XML JSON 前端开发
C#使用HttpClient四种请求数据格式:json、表单数据、文件上传、xml格式
C#使用HttpClient四种请求数据格式:json、表单数据、文件上传、xml格式
621 0
|
4月前
|
XML JSON Java
使用IDEA+Maven搭建整合一个Struts2+Spring4+Hibernate4项目,混合使用传统Xml与@注解,返回JSP视图或JSON数据,快来给你的SSH老项目翻新一下吧
本文介绍了如何使用IntelliJ IDEA和Maven搭建一个整合了Struts2、Spring4、Hibernate4的J2EE项目,并配置了项目目录结构、web.xml、welcome.jsp以及多个JSP页面,用于刷新和学习传统的SSH框架。
133 0
使用IDEA+Maven搭建整合一个Struts2+Spring4+Hibernate4项目,混合使用传统Xml与@注解,返回JSP视图或JSON数据,快来给你的SSH老项目翻新一下吧
|
4月前
|
Java Spring 容器
彻底改变你的编程人生!揭秘 Spring 框架依赖注入的神奇魔力,让你的代码瞬间焕然一新!
【8月更文挑战第31天】本文介绍 Spring 框架中的依赖注入(DI),一种降低代码耦合度的设计模式。通过 Spring 的 DI 容器,开发者可专注业务逻辑而非依赖管理。文中详细解释了 DI 的基本概念及其实现方式,如构造器注入、字段注入与 setter 方法注入,并提供示例说明如何在实际项目中应用这些技术。通过 Spring 的 @Configuration 和 @Bean 注解,可轻松定义与管理应用中的组件及其依赖关系,实现更简洁、易维护的代码结构。
68 0
|
6月前
|
JSON 数据格式 Python
python3 服务端使用CGI脚本处理POST的Json数据
python3 服务端使用CGI脚本处理POST的Json数据
81 6
|
6月前
|
JSON 关系型数据库 MySQL
实时计算 Flink版产品使用问题之在使用CDAS语法同步MySQL数据到Hologres时,如果开启了字段类型宽容模式,MySQL中的JSON类型会被转换为什么
实时计算Flink版作为一种强大的流处理和批处理统一的计算框架,广泛应用于各种需要实时数据处理和分析的场景。实时计算Flink版通常结合SQL接口、DataStream API、以及与上下游数据源和存储系统的丰富连接器,提供了一套全面的解决方案,以应对各种实时计算需求。其低延迟、高吞吐、容错性强的特点,使其成为众多企业和组织实时数据处理首选的技术平台。以下是实时计算Flink版的一些典型使用合集。