有关前后端对接的笔记

一、jquery

jquery是一个轻量级的"写的少，做的多"的JavaScript函数库。（目前最流行的JS框架）

---

1.介绍：

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

2.优缺点

优点：相比于原生的js代码，用很少的代码就可以实现很强大的功能，并且兼容性也好，现在很多用原生js考虑支持多浏览器等等，尤其是jquery的选择器比较强大，一般多用于实际项目的使用，减少开发周期，一般公司都会要求用jquery，一般人的js达不到这种水平。

缺点：但对于刚开始接触js的同学就是用这个是不利于学习的，很多人可能会使用jquery却不太会写原生的js了，不利于个人技术的提升， 所以对于初期js学习者可以先用原生的js练练手，对比着jquery是学习，要不以后就不会出现比jquery更好的js库了。

3.功能：

​ HTML 元素选取
​ HTML 元素操作
​ CSS 操作
HTML 事件函数
​ JavaScript 特效和动画
​ HTML DOM 遍历和修改
​ AJAX
​ Utilities
提供大量插件

4.核心特性：

具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jquery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

5.语言特点：

• 快速获取文档元素

jquery的选择机制构建于CSS的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。

• 提供漂亮的页面动态效果

jquery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jquery的内置的效果，比如淡入淡出、元素移除等动态特效。

• 创建AJAX无刷新网页

AJAX是异步的JavaScript和ML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如PHP网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。

来源：https://blog.csdn.net/buduoduoorg/article/details/113659001?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522161615837816780266285660%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=161615837816780266285660&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_blogfirst_rank_v1~rank_blog_v1-1-113659001.pc_v1_rank_blog_v1&utm_term=jquery

二、Ajax

1.Ajax介绍：

• Ajax = 异步 JavaScript 和XML。

• Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序。

• 通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。

2.Ajax工作原理

Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax引擎自己来做,，只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

三、基于jquery的ajax封装

jquery调用ajax方法：

​ 格式：$.ajax({});

​ 参数：

​ type：请求方式 GET/POST

​ url：请求地址

​ async：是否异步，默认是true表示异步

​ data：发送到服务器的数据

​ dataType：预期服务器返回的数据类型，”json“表示得到的json字符串自动封装成json对象

​ contentType：设置请求头

​ success：请求成功时调用此函数

​ error：请求失败时调用此函数

格式：

​

	$.ajax({

			type:"请求类型"，
			
			url:"请求路径"，
			
			data:{
			
			​	"参数名":值，
			
			​	"参数名":值，
			
			​	......
			
			},
			
			async:true,//默认异步，可以不设置
			
			dataType:"json",
			
			success:function(result){//形参名可以任意
			
			​	//函数的形参：响应结果

			}

		})

四、MD5（Message Digest Algorithm）

1.MD5介绍：

MD5为计算机安全领域广泛使用的一种散列函数，用以提供消息的完整性保护。被用户加密解密技术上，任何一个文件都会被转化成一个128bits的唯一码值（通常是16进制32位）；如果文件或内容被修改，那么他的MD5编码也就改变。

2.六种加密方法

1） hex_md5(value)

2） b64_md5(value)

3） str_md5(value)

4） hex_hmac_md5(key, data)

5） b64_hmac_md5(key, data)

6） str_hmac_md5(key, data)

3.使用方法

先引入JS

<script src="/md5.js"></script>

HTML

<form action="#" method="post" id="loginForm" >

​		用户名：<input