ajax方式和springMVC数据交互

前端之家收集整理的这篇文章主要介绍了ajax方式和springMVC数据交互前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

使用jquery的ajax方式和后台springmvc进行数据交互,主要部分代码案例作为备份。


功能主要为登录和注销,使用ajax方式和后台交互

ajax请求方式:

<script type="text/javascript" >
$(document).ready(function() {

	//ajax登陆功能
	$("#login_button").click(function(){
			var loginName = $("#loginName").val();
			var password = $("#password").val();
			$.ajax({
				type:"get",cache:false,url:"login-login.json?loginName="+loginName+"&loginPasswd="+password,dataType:"json",success : function(msg) {
					if(msg.state == "0"){
						alert("登陆失败");
					}else{
						window.location.reload();//刷新当前页面.
					}
				}
			});
	});
	//ajax用户退出功能
	$("#logout").click(function(){
			$.ajax({
				type:"get",url:"login-logout.json",success:function(msg) {
					if(msg.state == "0"){
						alert("注销失败");
					}else{
						window.location.reload();//刷新当前页面.
					}
				}
			});
	});
});

</script>

后台controller方式:
@RequestMapping("ttjjlogin-login")
public void login(TtjjLogin ttjjLogin,ModelMap mm,HttpServletRequest request,HttpServletResponse response){
	//登录功能
	//
	//ajax使用json方式返回数据
	JSONObject js = new JSONObject();
	js.put("state","0");
	response.getWriter().print(js.toString());
}
数据格式使用json方式。


ajax中:

type:"get",请求类型

cache:false,不使用缓存详情查看
url:"logout.json",请求地址 。后面也可以加入?之后添加数据。格式如下 url:"logout.json?name=132&pwd=abc",

dataType:"json",数据类型是json

success:function(msg) {} 成功返回回调函数 msg就是response.getWriter().print(js.toString());返回的内容,可以在回调函数添加自己的js操作。

其中注意ajax传输中中文乱码问题。解决方式很多。请参考乱码解决方案

原文链接:https://www.f2er.com/springmvc/161848.html

猜你在找的SpringMVC相关文章