ajax方式和springMVC数据交互
2016-09-14 00:31
411 查看
使用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",
cache:false,
url:"login-logout.json",
dataType:"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传输中中文乱码问题。解决方式很多。请参考乱码解决方案
功能主要为登录和注销,使用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",
cache:false,
url:"login-logout.json",
dataType:"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传输中中文乱码问题。解决方式很多。请参考乱码解决方案
相关文章推荐
- springMVC 和ajax 最先进数据交互方式和 406错误处理
- AJAX+SpringMVC 获取后台数据的方式
- springMVC接受ajax提交表单,json数据的两种方式
- json与jsonp应用及其他ajax数据交互方式
- ajax方式实现注册功能(提交数据到后台数据库完成交互)
- SpringMVC数据交互方式
- ajax获取数据的3种方式和springmvc消息转换器
- struts2与springMvc下的AJax异步数据交互1
- 在非英文字符集的页面上,如果使用Ajax方式进行数据交互的话,就必须要注意保证前后端数据的统一编码,否则,很容易就出现乱码!
- struts2与springMvc下的AJax异步数据交互2
- SpringMvc中如何通过Ajax方式提交对象数据
- 修改springmvc返回ajax方式的json数据
- SpringMVC与Ajax数据交互
- SpringMVC+Hibernate利用ajax实现前端后台数据交互
- SpringMVC与Ajax(Json,String,Form)数据交互
- 废弃的数据交互方式——jsonp、ajax长连接
- 用Ajax以GET或POST的方式来和服务器进行数据交互
- JAVA与SAP数据交互的方式总结
- Silverlight融合ajax实现前后台数据交互
- JAVA与SAP数据交互的方式总结