js中 ajax调取接口数据 异步

http与https区别

1、https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。

2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。

3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。

4、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。

1.创建XMLHttpRequest()对象

例：
	let http = new XMLHttpRequest();

2.请求 创建的对象.open(“请求方式”,“url”)

请求方式	作用
get方式	偏向获取数据
post方式	偏向向后端提交数据
put方式	偏向更新（全部更新）
delete方式	偏向删除信息

3.响应(获取接口返回值)http.responseText()获得字符串形式的响应数据。

	response--响应
	Text--数据

onreadystatechange 监听事件
readyState值

0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪

	
	//http.onreadystatechange = function(){
			if(http.readyState==4 && http.status==201){
				console.log(JSON.parse(http.responseText));
			}
		}
		console.log(http);
		
		

jq 中 $.ajax()默认行为是get

		例：
		
		var base = "http://jsonplaceholder.typicode.com";
		
			$.ajax({
				url: base+"/posts",
				data: {
					id:20
				},
				success: function(user){
					console.log(user);
				},
			})
	

get 方法

		$.get("http://jsonplaceholder.typicode.com/posts",{
				id:5
			},function(user){
				console.log(user);
			})

post 方法

		
		$.post("http://jsonplaceholder.typicode.com/posts",{
			"userId":10,
			"title":"hello",
			"body":"你好"
		},function(user){
			console.log(user);
		})

js使用ajax调用get接口/index

let http = new XMLHttpRequest();
// let base = "http://127.0.0.1:81/index"
// "http://127.0.0.1:81/index"
// http.open("get",base);
// http.send();
// http.onreadystatechange=function(){
//     console.log(http.responseText);
// }

---

// http.open("post",base);
// http.send();
// http.onreadystatechange=function(){
//     console.log(http.responseText);
// }

---

ajax 方法：

	$.ajax({})  -- 新方法
		    $.ajax({
		        type:"get",
		        url:"./路径",
		        data:{},
		        success:(req)=>{
		          console.log(req);
		      }
		    })