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

JavaScript、jQuery、AJAX、JSON 之间的关系

2017-12-12 16:04 274 查看
现状遇到挑战演变出
静态网页不满足网页只是一些文字和图片的展示，希望页面上可以有更多功能。比如点击一个按钮，弹一个窗口或者改变页面上某些内容
JavaScript脚本语言
动态网页人类为了让自己页面功能更加丰富，使用了大量的 JavaScript，并且写了非常多的代码。
这时候发现不同浏览器对 JavaScript 的支持程度非常不统一，而且原生 JavaScript 实现某些看起来很简单的功能都很麻烦
jQuery 屏蔽了浏览器之间的兼容性问题
针对常用功能封装了大量的 API
并支持插件机制，让你写 JS 的效率很高，质量很好
JS框架简单的页面上的交互再次不满足人类的需求，比如一个资料填写表单，需要填写一个名称，这个名称还必须不能跟之前的重复。校验这个名称不能重复，就需要把数据提交上去，与服务器端数据交互的方法就是 form 提交表单。这时候需要用户填完所有的表单，点击『确定』之后提交校验。如果此时名称被占用就悲剧了。
解决这个问题的方案关键点在数据交互上面。最好的解决方案应该是输入完名字之后，就自动去把数据发给后端，然后拿到结果并提示给用户，而不是统一提交
无刷新的异步请求Ajax，
 Ajax 技术提供了一种新的前后端数据交互方式，
不需要刷新页面，而且不阻塞页面执行流程
异步的去请求去获取、交互数据
Ajax异步请求一开始只是通过 Ajax 异步发一个请求，数据就是一个简单的用户名称，所以直接按照字符串发过去就好了。
后来需要 Ajax 发送的数据越来越多，比如一整张表单。这时候就需要有一套规则来描述更复杂的数据，
开始是用一些字符分割拼起来，后来使用用 xml 来描述，发现解析还是挺麻烦的，		基于 JavaScript 的数据类型创造了 JSON 数据格式，很简单就可以描述很复杂的数据。同时独立于语言，这样就可以在多种语言内使用。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航