前端回顾一

Ajax异步调用原理

同步: 用户发起请求时,要求第一时间服务器做出响应.在此期间用户不可以做其它操作,只能等待服务器返回数据. 刷新1次.

异步: 用户发起请求时,要求服务器做出响应.在此期间用户可以做其它的操作.如果后端服务器返回数据则通过回调函数通知客户. 局部刷新多次.
 

 https://img-blog.csdnimg.cn/20210628143443211.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2ODA0ODQ3,size_16,color_FFFFFF,t_70

ajax是局部刷新，异步访问

ajax参数说明：

<script>
			//jQuery语法: 让整个页面浏览器加载完成之后,再次执行JS
			$(function(){
				$.ajax({
					type: "get",	//请求类型
					url:  "http://localhost:8090/findAll", //访问url地址
					data: {id:100,name:"tom",age:18},
					//data: "id=100&name=tom&age=18",		   //请求参数
					success: function(data){   //查询成功后返回的数据
						console.log(data)
					}
                      error:function(data){
//失败后的处理方法
}

				})
			})
		</script>

跨域

值不遵循同源策略，即访问呢不同端口，不同域名或者不遵循http协议的所有请求都叫跨域 

解决方案：

1.jsonp(只支持get)

原理：通过<script>标签的src属性进行请求跨域数据的接口，并通过调用函数的方式来接收跨域接口响应回来的数据，同源策略不限制script标签对非同源策略地址的请求，可借助script标签进行jsonp实现

2.CROS

解决ajax跨域，ajax请求的是本地端口，本地端口接受到请求向实际端口请求数据，再将数据返回给前端，一般可以使用node.js代理，作用期间是session,会话期间一直存在，只查不改就不会清空

js循环的写法
 

for(var i=0;i<data.length;i++){
    console.log(data[i])


 in关键字
 其中index代表的是遍历的下标. 从0开始 0,1,2,3…

for(index in data){
    console.log(data[index])
}




of关键字
说明: 其中user代表的是遍历的对象. 更加常用


for(user of data){
    console.log(user )
}

 JS变量基本用法

var id: 表示定义一个变量名称为id. 该变量相当于在全局范围内声明了一个变量.

let id:从新版本的JS开始,兼容支持let.该关键字的用法与var一样.但是有作用域的范围.更加的通用.

const: 该关键字用来标识常量, 该数据不变.

JS中的基本数据类型：

Sting  Number  Boolean  null  Undefined

查看数据类型使用typeof(数据名称)