以前的网站:只要用户进行操作,去访问新的数据,都会刷新整个页面。
刷新页面对用户体验不好,增加服务器的压力,增加带宽成本
在请求服务器的时候,页面中有一部分数据没有请求完毕,下面的代码都会被阻塞。
ajax:Asynchronous Javascript And XML(异步的js和XML)
以前更多的是使用 XML 的数据格式,但是前端技术发展到今天,数据格式更多的是 json
json : '[ ]' '{ }' ->本质是字符串,JSON.parse( ) eval( ) new Function( )
前后端数据通信(交互)的一种技术。(一种前端向后端请求数据的一种手段,(前端向后端拿动态数据))
优点:
1.无刷新更新数据(局部刷新)
Ajax最大的优点就是能在不刷新整个页面的情况下,维持与服务器的通信
2.异步与服务器通信
使用异步的方式与服务器通信,不打断用户的操作
3.前端与后端负载均衡
将一些后端的工作移到前端,减少服务器与带宽的负担
4.界面与应用分离
Ajax使得界面与应用分离,也就是数据与呈现分离
缺点:
1.Ajax 干掉了Back(前进)与History(后退)的功能,即对浏览器机制的破坏
在动态更新页面的情况下,用户无法回到第一页的页面状态,因为浏览器仅能记忆历史记录中的静态页面。
2.安全问题
Ajax技术给用户带来了很好的用户体验的同事也对IT企业带来了新的安全威胁,Ajax技术就如同对企业数据建立了一个直接通道
这使得开发者在不经意间会暴露比以前更多的数据和服务器逻辑
3.对搜索引擎支持较弱 (搜索引擎(爬虫)会找的:meta / title / a 标签里的 href / ......)
SSR
难点:
1.如何拿数据(掌握字段含义、服务器要什么客户端就传什么)**
2.获取到数据之后如何操作数据。****