jQuery、ajax、JSON三者有什么关系？

jQuery、ajax、JSON三者有什么关系？这个问题可能是我们日常工作经常见到的。通过这个问题，希望你能收获更多。如果你不看答案，不知道是否有把握回答这个问题？让我们来试试。

站在用户的角度思考问题，与客户深入沟通，找到共青城网站设计与共青城网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站制作、做网站、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广、域名注册、虚拟主机、企业邮箱。业务覆盖共青城地区。

最近在做项目的过程中，对于jQuery、ajax、JSON这三者的关系总是理不清楚，于是，在简单是使用，有了丁点的经验，于是对这三者的关系做了下研究：

1、jQuery

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。

jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件

从以上内容中我们可以提取到以下2点：

jQuery是一个JavaScript框架

jQuery中有很多内容，Ajax是jQuery的一部分

2、AJAX

a、什么是 AJAX？

AJAX = JavaScript 和 XML（Asynchronous JavaScript and XML）

b、AJAX的特点：

1.Ajax 能够与服务器交换少量数据，从而异步地更新部分网页

2.异步,指的是当 Ajax 执行交换数据的操作时，其他的操作仍然可以执行（常见的操作如各大网站的输入一个字，弹出很多内容，如百度、谷歌、淘宝）

c、Ajax技术的核心是XMLHttpRequest对象（简称XHR），可以通过使用XHR对象获取到服务器的数据。

d、Ajax的格式：

type : "",
url : "",
dataType : "json",
data : {
key : value
},
success : function(data) {
},
error : function() {
alert("系统异常");
}
});

type：请求方式 ("POST" 或 "GET")，默认为 "GET"

url：(默认: 当前页地址) 发送请求的地址。

dataType：预期服务器返回的数据类型。一般为json，如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断

data：发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL后

success：请求成功后的回调函数。参数：由服务器返回，并根据dataType参数进行处理后的数据；描述状态的字符串

error：(默认: 自动判断 (xml 或 html)) 请求失败时调用此函数

async：(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false

json值得获取：方法会直接获取

public JSONObject chageState(UserInfo userInfo) {
        JSONObject json = new JSONObject();
        return json;
    }

json传值问题：

可以在script中判断之后，把想要的值传过去，这个是这次项目学到de一个小技巧，因为在一开始的过程中，我是没有进行判断的，直接传值过去的，所以在后台在进行判断，就会比较麻烦；还是这块儿刚开始不太懂，所以才能在问学友时学到这个小技巧

jsp页面动态刷新问题：

在做项目的过程中，添加数据之后，要页面实时刷新，这个也困扰了我一些时间，在很多时候，不会的就应该去问，去百度。

Ajax的简单研究就到这了，因为现在用到的就这么多，等以后有其他的应用了再来研究

3、jQuery

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式；

在ajax传值的过程中，data(传输值)和dataType（返回值）的传值用的都是json

关于jQuery、ajax、JSON三者关系的总结就分享到这里了，希望以上内容可以对大家有一定的参考价值，可以学以致用。如果喜欢本篇文章，不妨把它分享出去让更多的人看到。

分享题目：jQuery、ajax、JSON三者有什么关系？
文章位置：http://ybzwz.com/article/ghpeec.html

jQuery、ajax、JSON三者有什么关系？

其他资讯