一个简单的ajax请求

最新推荐文章于 2021-10-15 22:56:02 发布

个人向日记

最新推荐文章于 2021-10-15 22:56:02 发布

阅读量374

点赞数

分类专栏： ajax

本文链接：https://blog.csdn.net/hooandlee/article/details/90402413

版权

ajax 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

*.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script th:src="@{/static/jquery-1.8.3.js}"></script>
<script th:src="@{/static/ajax.js}"></script>
</head>
<body>
<input id="name"/>
<button id="btn" onclick="f();"></button>
</body>
</html>

*.js

function f(){
	$.ajax({
//提交方式
		type : "post",
//传入的数据，用json形式
		data : {name:$("#name").val()},
//提交URL
		url : '/demo/th/ajax3',
//成功，并返回数据data
		success : function(data) {
			if (data != "") {
				alert(data);
			}
		},
//失败
		error:function(){
			alert("request error");
		}
	});
}

*Controller.java

        @RequestMapping(value="/ajax1",method=RequestMethod.GET)
	public String ajax1(){
		return "ajaxerror";
	}
	
	
	@ResponseBody
	@RequestMapping(value="/ajax3",method=RequestMethod.POST)
	public String ajax3(String name){
		return "Server: I got the "+name+", love you!";
	}