AJAX --

AJAX

AJAX

Http 和 Https 的区别

• https协议需要到 ca 申请证书，一般免费证书比较少，因此要一定的费用。
• http是超文本传输协议，信息是明文传输，https则是具有安全性的SSL加密传输协议。
• http 和 https 使用的是完全不同的连接方式，用得端口号也不一样，前者是80，后者是443。
• http连结很简单，是无状态的；https 是有SSL + HTTP 协议构成的可进行加密传输、身份认证的网络协议，比http更安全。

JS 中的 AJAX

1.创建

XMLHttpRequest();

let http = XMLHttpRequest();

2.请求

创建的对象.open("请求方式"，"url");
请求方式：
- get 方式：偏向数据获取；
- post 方式：偏向后端提交数据；
- put 方式：偏向更新（全部更新）；
- delete 方式：偏向删除信息；

get 方法

http.open("get","http://...../com.posts?id=10");  //?id=10  这是传值，还可以 &id=10 
http.send();  //发送

post 方法

http.open("post","http://...../com.posts");  

//传值
//1、 表单传值格式
http.setRequestHeader("content-type","applicatione/x-www/form-urlencoded");
http.send(JSON.stringify('userId=10&title=hello&body=你好')); //发送

//2、 JSON传值格式
http.setRequestHeader("content-type","applicatione/json");
http.send(JSON.stringify({
	'userId':10,
	'title':'hello',
	'body':'你好'
})); //发送

3.响应（获取接口返回值）

	http.responseText(); //获取字符串形式的响应数据

4.onreadystatechange 监听事件

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

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

JQ 中的 AJAX

$.ajax() 默认行为是 get ;

var base= "http://....../com";  // 存放路径
$.ajax({
	url:base+"posts",
	data{
		id:20
	},
	success:function(user){
		console.log(user);
	}	
})

get 方法

$.get(base+"posts"),{
	id:5
},function(user){
	console.log(user);
})

post 方法

$.post(base+"posts"),{
	'userId':10,
	'title':'hello',
	'body':'你好'
},function(user){
	console.log(user);
})

---

• 失联

最后编辑时间 2023，11，12；18：26