通过网页脚本提交请求(JS原生和jQuery)

简单做个记录，方便我以后查看，如果没学过JS，不理解jQuery，肯定看不懂的，就不要在我这篇博客里浪费时间

（1）网页提交请求可以直接使用form表单来提交，简单方便

<form method = "get" action = "请求地址">
	<input type = "text" name = "user" replaceholed = "用户名" required>
	<input type = "button" value = "提交">
</form>

（2）JS原生提交方式

	/*
	获取xml请求对象httpRequest
	*/
	var httpRequest;
	if (window.XMLHttpRequest){
		//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
		httpRequest=new XMLHttpRequest();
	}else{
		// IE6, IE5 浏览器执行代码
		httpRequest=new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	/*
	*回调函数
	*/
	httpRequest.onreadystatechange = function(){//（回调函数可以不需要）
		if(httpRequest.readyState == 4 && httpRequest.status == 200){//请求发送成功并得到回应的判断

		}
		
	};
	
	/*
	*设定请求类型和信息，发送请求数据
	*/
	httpRequest.open("POST","/school/add",true);
	httpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");//post方式这句不能少
	httpRequest.send("person_jsonStr="+JSON.stringify(person)+"&classInfo_jsonStr="+JSON.stringify(classInfo));

（3）jQuery提交方式（相对JS原生更简单）

前提条件，必须引入jQuery的相关文件，才能使用jQuery，可在html 中引入一下代码即可

<script src="https://code.jquery.com/jquery-3.1.1.min.js"
            integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
            crossorigin="anonymous"></script>

jQuery提交请求的代码

$(document).ready(function(){
	
	$("#commitButton").click(function(){
		$.post("/school/add",
		{
			person_jsonStr:JSON.stringify(person),
			classInfo_jsonStr:JSON.stringify(classInfo),
			name:"张三",
		},
		function(){//回调函数
		}
			
		) 
	});
	
});