【HTML】以Jquery实现前后端程序简单交互

根据所提供的后端接口，在前端程序中以Jquery实现前后端程序交互。1）调用后端数据显示接口，获取数据并遍历显示在前端页面中。2）界面录入数据，调用后端数据写入接口，将所提交的数据写入数据库。

<script>
			function Get() {
				$.get(
					"http://localhost:7277/Stu/getStuList",
					function(rsp){
						for(var i=0;i<rsp.length;i++){
							$("#data").append("<a>"+rsp[i].stuNo+" "+rsp[i].stuName+" "+rsp[i].stuGrade+"</a><br>");
						}
					},'json'
				);
			}
			function Post(){
				var stu={
					stuNo:$('#no').val(),
					stuName:$('#name').val(),
					stuGrade:$('#grade').val()
				}
				$.post(
					"http://localhost:7277/Stu/InsertStus",
					{data:JSON.stringify(stu)},
					function(rsp){
						console.log(rsp)
					});'json'
			}
		</script>