JavaScript&JQuery&Ajax的简单理解

一、JavaScript

1.1 JavaScript的概述

JavaScript就是一种脚本语言，常用于网页客户端编程，使网页在客户端浏览器中，实现更多的动态功能，表现出更加丰富的视觉效果。

1.2 JavaScript的特点

JavaScript不需要编译，由浏览器直接解析执行；
JavaScript是弱类型语言，变量声明不需要指明类型，不同类型的数据可以赋值给同一变量。

1.3 JavaScript的组成

ECMAScript：描述了该语言的语法和基本对象；
DOM：（Document Object Model，文档对象模型）描述处理网页内容的方法和接口；
BOM：（Browser Object Model，浏览器对象模型）描述与浏览器进行交互的方法和接口。

1.4 JSON的概念

JSON（JavaScript Object Notation，js对象标记）是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器解析和生成。

1.5 JSON数据的格式

对象类型： {“key1”:value,“key2”:value,“key3”:value…} key只能是字符串类型 value是任意类型
数组类型： [value,value,value…] value是任意类型
混合类型： [{},{}…]或{“key1”:[],“key2”:[]…} 对象格式和数组格式互相嵌套

二、JQuery

2.1 JQuery的概述

Jquery是一个优秀的JavaScript的轻量级框架（js库）之一，封装了dom操作、事件、页面动画、异步操作等功能。

2.2 JQuery的作用

对原有JavaScript的功能代码进行封装，对外提供更加简洁的语法方式实现同样的功能，简化了JavaScript的代码量，倡导写更少的代码，做更多的事情，提高了开发效率。

2.3 JQuery的常用选择器

基本选择器：
ID选择器 $("#id名称")
类选择器 $(".class名称")
元素选择器 $(“标签元素名称”)
层级选择器：
元素1 元素2 匹配元素1下的所有元素2（包含子子孙孙）
元素1>元素2 匹配元素1下的所有元素2（只包含子元素）
基本过滤选择器：
元素：first 根据过滤获取第一个元素
元素：last 根据过滤获取最后一个元素
元素：even 根据过滤获取偶数索引的元素
元素：odd 根据过滤获取奇数索引的元素
元素：not(元素) 根据过滤获取不包含指定元素的所有元素
元素：eq(索引) 根据过滤获取索引相等的元素
元素：gt(索引) 根据过滤获取大于索引的元素
元素：lt(索引) 根据过滤获取小于索引的元素![在这里插入图片描述](https://img-blog.csdnimg.cn/20200815100852247.png?x-oss-

三、Ajax

3.1 ajax的作用

ajax是用于浏览器和服务器做数据交互的，可以实现数据的异步提交，它可以做到页面无刷新的提交数据，用户可以一边等待服务器的结果，一边做其它的事，用户体验更佳。

注：ajax发送异步请求之后的其它js业务代码的执行，与ajax请求的执行没有任何关系，服务器返回的数据只能在ajax请求完成的回调函数中使用。

3.2 ajax的书写方式及内部参数

$.ajax({key:value})
参数:
type:提交类型
url:访问的服务器的地址
data:提交给服务器的数据
dataType:指定服务器返回的数据类型（默认text类型返回字符串）
async:是否异步（默认true异步）
success:请求成功执行的回调函数
error:请求失败执行的回调函数
$.get(url,data,function(d),dataType)
$.post(url,data,function(d),dataType)
参数：
url:访问的服务器的地址
data:提交给服务器的数据
function:请求成功执行的回调函数
d:服务器返回的数据
dataType:指定服务器响应的数据类型