您的位置:首页 > Web前端 > JQuery

JavaScript、jQuery、AJAX、JSON这四个之间的关系?

2017-03-24 21:31 387 查看
   今天突然看到这个问题,于是去搜索了一下 ,得到了几个结论!

JavaScript为页面提供更多的功能,是页面交互功能的基础语言。此外它的的语言规范和引擎还被用于其他领域,比如Node等。

 不同的浏览器对JavaScript的支持度非常不统一,而原生JavaScript实现某些看起来简单的功能都很麻烦。于是jQuery就把这些兼容性问题统一,并且封装了大量的API,可以让你非常简单的就实现很多简单的功能。

 

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

  简单的页面上的交互再次不满足人类的需求,比如一个资料填写表单,需要填写一个名称,这个名称还必须不能和之前的重复。检验这个名字不能重复,就需要把数据交上去,与服务器端数据交互的方法就是form提交表单。这时候需要用户填完所有的表单,点击【确定】之后提交检验。如果此时名称被占用就悲剧了。

 解决这个问题的方案的关键点就在数据交互上面。最好的解决方案应该是输入完名字之后,就自动去把数据发给后端,然后拿到结果并提示给用户,而不是统一提交。于是人类就想到了一套新的数据交互方案,既无刷新的异步请求,名字叫Ajax。通过Ajax可以通过JS与后端接口进行数据交互,而不会影响当前页面。当接口返回被占用的时候,JS在页面上给个提示就可以很好的实现了。

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

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

JSON用来描述前后端数据交互的内容格式,有了JSON这样的一套统一 的描述规则,前后端解析数据的成本变低,使用非常简单。JSON属于JavaScript的一个子集。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: