jQuery、ajax、JSON三者之间的关系

简介: 最近在做项目的过程中,对于jQuery、ajax、JSON这三者的关系总是理不清楚,于是,在简单是使用,有了丁点的经验,于是对这三者的关系做了下研究: 1、jQuery : 以下来自百度百科 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。

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

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对象获取到服务器的数据(具体深入了解请移步:https://www.cnblogs.com/pangting/p/6903403.html

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页面动态刷新问题:
在做项目的过程中,添加数据之后,要页面实时刷新,这个也困扰了我一些时间,在很多时候,不会的就应该去问,去百度,具体里了解可以移步:https://blog.csdn.net/sun2012930/article/details/53896720

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

3、jQuery

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式;
在ajax传值的过程中,data(传输值)和dataType(返回值)的传值用的都是json
对于json具体的学习请移步:http://www.json.org.cn/index.htm

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

目录
相关文章
|
2月前
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
96 1
|
3月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
34 1
|
3月前
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
|
3月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
23 1
|
3月前
|
JSON 前端开发 JavaScript
JavaWeb基础8——Filter,Listener,Ajax,Axios,JSON
Filter过滤器、Listener监听器、AJAX、 同步、异步优点和使用场景、Axios异步框架、JSON、js和JSON转换、案例,Axios + JSON 品牌列表查询和添加
JavaWeb基础8——Filter,Listener,Ajax,Axios,JSON
|
4月前
|
存储 JSON 前端开发
jQuery Get 请求参数转换为 JSON
【8月更文挑战第22天】
|
4月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
182 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
4月前
|
XML JSON 前端开发
JSON与AJAX:网页交互的利器
JSON与AJAX:网页交互的利器
38 0
|
4月前
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
34 0
|
4月前
|
JSON JavaScript 数据格式
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
44 0