前端原生ajax JQueryAjax axios fetch的简单使用

原生ajax，现在基本已经没人使用都是用封装好的ajax

						var xmlhttp = new XMLHttpRequest();
						const formData = new FormData();
						formData.append("cardFile", file);

						//POST 请求的请求参数，不能拼接在地址栏后面
						//发送给后台的参数不能在链接后面拼，链接属于GET请求，因此必须放在发送里面拼
						xmlhttp.open("POST", "http://你的请求地址", true);
						//POST得设置一下请求头信息setRequestHeader 固定写法 请求头的名 请求头的值
						//发送请求post请求的参数传递给  键值对拼写，用&隔开
						xmlhttp.send(formData);
					

						xmlhttp.onreadystatechange = function() {
							//当 readyState 等于 4 且状态为 200 时，表示响应已就绪：200是响应状态码 4: 请求已完成，且响应已就绪 
							if (xmlhttp.readyState == 4 & xmlhttp.status == 200) {
								//接收后台响应的字符串
								var jsonStr = xmlhttp.responseText;
								var jsonObj = JSON.parse(jsonStr);
								console.log(jsonObj.data.info)

								that.$emit('successImage', jsonObj.data.info)

							}
						}

JQuery的AJAXÿ