JavaScript、jQuery、Ajax以及json间的由来和关系

371 阅读4分钟

       对于很多初学者来说,或许很多人会理不清JavaScript、jQuery、Ajax以及json几者的关系,概念和由来,今天就让小编带大家认识一下.

      (1)  jQuery、Ajax以及json间的由来     

                  

       1.jQuery:

       人类为了让自己页面功能更加丰富,使用了大量的 JavaScript,并且写了非常多的代           码。这时候发现不同浏览器对 JavaScript 的支持程度非常不统一,而且原生 JavaScript 实现某些看起来很简单的功能都很麻烦。于是 jQuery 就把这些兼容性问题统一,并封装了大量的 API,可以让你非常简单就实现很多功能。

       jQuery 屏蔽了浏览器之间的兼容性问题,针对常用功能封装了大量的 API,并支持插件机制,让你写 JS 的效率很高,质量很好。

      2. Ajax:

      简单的页面上的交互再次不满足人类的需求,比如一个资料填写表单,需要填写一个名称,这个名称还必须不能跟之前的重复。校验这个名称不能重复,就需要把数据提交上去,与服务器端数据交互的方法就是 form 提交表单。这时候需要用户填完所有的表单,点击『确定』之后提交校验。如果此时名称被占用就悲剧了。解决这个问题的方案关键点在数据交互上面。最好的解决方案应该是输入完名字之后,就自动去吧数据发给后端,然后拿到结果并提示给用户,而不是统一提交。于是人类就想出了一套新的数据交互方案,即无刷新的异步请求,名字叫 Ajax。通过 Ajax 可以通过 JS 与后端接口进行数据交互,而不会影响当前页面。当接口返回『被占用』的时候,JS 在页面上给个提示就可以很好的实现了。

       Ajax 技术提供了一种新的前后端数据交互方式,不需要刷新页面,而且不阻塞页面执行流程,异步的去请求去获取、交互数据。

      3. JSON:

      一开始只是通过 Ajax 异步发一个请求,数据就是一个简单的用户名称,所以直接按照字符串发过去就好了。后来需要 Ajax 发送的数据越来越多,比如一整张表单。这时候就需要有一套规则来描述更复杂的数据,一开始估计就是用一些字符分割拼起来,再后来人类用 xml 来描述,发现解析还是挺麻烦的,于是就基于 JavaScript 的数据类型创造了 JSON 这种数据描述格式,很简单的就可以描述很复杂的数据。同时独立于语言,这样就可以在多种语言内使用。

       JSON 用来描述前后端数据交互的内容格式,有了 JSON 这样的一套统一的描述规则,前后端解析数据的成本变低,使用非常简单。JSON 属于 JavaScript 的一个子集。


      (2) JavaScript、jQuery、Ajax以及json间的关系    

   

      首先说说Javascript与jQuery的关系,JavaScript这种客户端的脚本语言已经不陌生了,而jQuery就是一个快速、简洁的JavaScript库,极大的提高编写javascript代码的效率, 让写出来的代码更加优雅, 更加健壮。

      Ajax是一种基于JavaScript等的异步通讯技术,其最大的优点是提高了数据更新的速度,或者说改善了用户的感知,减少了用户在 页面上的等待时间。而jQuery提供了一系列的Ajax函数,让我们实现Ajax更加的方便。

       json是javascript内置的一种数据格式。目的是为了让Ajax技术中的数据传输更方便更简单. 它们间最紧密的联系应该体现在jquery使用Ajax形式调用后台生成的json数据上,而JavaScript是它们的基础,jquery是实现它们的工具。