ajax

Posted 从开始到放弃,一起学JavaScript

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax相关的知识,希望对你有一定的参考价值。

以前的网站:只要用户进行操作,去访问新的数据,都会刷新整个页面。

      刷新页面对用户体验不好,增加服务器的压力,增加带宽成本

      在请求服务器的时候,页面中有一部分数据没有请求完毕,下面的代码都会被阻塞。

 

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.获取到数据之后如何操作数据。****

  

以上是关于ajax的主要内容,如果未能解决你的问题,请参考以下文章

从零开始学 Web 之 AjaxAjax 概述,快速上手

AJAX

Ajax及跨域

Django的日常-AJAX

jQuery中的Ajax以及请求函数

Ajax