ajax、JSON、jQuery之间的关系

ajax、JSON、jQuery之间的关系

1、jQuery : 以下来自百度百科

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

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

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

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

1. jQuery是一个JavaScript框架
2. 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对象获取到服务器的数据（具体深入了解请移步：Ajax与JSON的一些总结 - 旁听1 - 博客园）

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) {

SONObject json = new JSONObject();

return json;

}

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

jsp页面动态刷新问题：
在做项目的过程中，添加数据之后，要页面实时刷新，这个也困扰了我一些时间，在很多时候，不会的就应该去问，去百度，具体里了解可以移步：JSP刷新页面的几种方法_Java小技巧-CSDN博客_jsp刷新页面

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

3、jQuery

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式；
在ajax传值的过程中，data(传输值)和dataType（返回值）的传值用的都是json
对于json具体的学习请移步：JSON中国 | JSON中文网

以上就是简单的介绍jQuery、ajax、json的关系了