JavaScriptJQueryAjax的简单理解

news/2024/7/11 1:31:30 标签: java, javascript, js, html, jquery

一、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,html" title=js>js对象标记)是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。

1.5 JSON数据的格式

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

在这里插入图片描述

二、JQuery

2.1 JQuery的概述

Jquery是一个优秀的JavaScript的轻量级框架(html" title=js>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发送异步请求之后的其它html" title=js>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:指定服务器响应的数据类型
在这里插入图片描述


http://www.niftyadmin.cn/n/1715796.html

相关文章

python in遍历的复杂度_python生成器时间复杂度混乱

我一直在阅读有关python中关键字yield和生成器的内容,我想知道我是否理解它的时间复杂度.这是我的生成器函数来获取因子:def calc_factors(n):for k in range(0, n1): # this is the second "for" loopif n % k 0:yield k我会把这个生成器函数称为&#…

关于Tomcat服务器和HTTP协议需要重点关注的概念

一、Tomcat服务器 1.1 Tomcat的目录结构 bin:里面存放的都是tomcat的二进制命令开启服务:startup.bat 关闭服务:shutdown.bat conf:里面存放的都是tomcat的配置文件 server.xml(服务器端口配置,服务器…

Servlet的生命周期及执行流程

Servlet 什么是servlet? servlet是运行在服务器端的小型java程序,是一套规范,本质是一个java类,实现了servlet接口规范的java类就可以在服务器端运行了,且必须在servlet容器(服务器)中运行。 …

域对象-服务器端四大域对象的分析

一、域对象的概念 域对象:可以在不同的servlet|jsp之间进行数据传递与共享的对象就是域对象。 Java服务器端有四大域对象: Servlet的域对象:ServletContext、request、session JSP的域对象:pageContext API:存储数据&…

会话技术--cookiesession的解析和区别

会话技术的概念及分类 会话:客户端和服务器之间连续发生的一系列请求和响应的过程 会话技术:用来存储会话过程中客户端和服务器交互产生的数据的 会话技术分为: cookie:客户端的会话技术,数据在浏览器,只能…

tomcat temp 大量 upload 文件_文件上传漏洞汇总 | UploadLabs文件上传漏洞教程(Pass0508)...

“燕云实验室”是河北千诚电子科技有限公司成立的网络安全攻防技术研究实验室。专注于web安全,网络攻防,安全运维,应急溯源方面的研究,开发成果应用于产品核心技术转化,国家重点科技项目攻关。一、Pass 051.1 上传直接…

JSPEL表达式JSTL的概念及简单使用

一、JSP 1.1 什么是jsp jsp:Java Server Pages —java服务器端的页面 组成:html代码java代码jsp代码 后缀名:.jsp 存放位置:和html的存放位置一致 总结:能够书写java代码的html页面,本质上是一个servlet。…

MVC设计模式三层架构的介绍及关联

1. 什么是MVC设计模式? 核心思想:将业务逻辑,数据和显示相分离的一种思想,让每一部分都专注于做自己的事情。 M:model 模型 封装数据 封装对数据的操作 javaBean V:view 视图 展示数据(主要使用jsp) jsp C:controller 控制 接受请求并响应 servlet 作用…