Ajax在springMVC中实现前后台交互（后台返回字符串）

最新推荐文章于 2021-08-05 16:27:55 发布

转载最新推荐文章于 2021-08-05 16:27:55 发布 · 431 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhangyong0908/p/9111449.html

文章标签：

#java #测试 #json

本文介绍了一个简单的前后端交互示例，后端通过Controller方法查询VIP用户信息并返回JSON格式的数据，前端使用jQuery的$.ajax方法进行异步请求，并将响应数据显示在页面上。

后台：controller方法里面：

Tribe tribe = tribedao.selectVipUserByTribeid(map);
String username = tribe.getCreateusermap().getRealname();
int userid = tribe.getCreateuserid();
return "{\"username\":\"" + username + "\",\"userid\":\"" + userid
+ "\"}";

前台：

$.ajax({
url:"searchTribeLikeName.do",
async:false,
type:"post",
dataType:"JSON",
data:{"name":'',"id":tribeid},
success:function(data){
$("#realname").val(data.username);
$("#userid").find("option:nth-child(n+2)").remove();//获取从第二个option选择项开始之后所有的选择项
var str="<option value='"+data.userid+"' selected='selected'>"+data.username+"</option>";
$("#userid").append(str);
},
error:function (){
alert("error1")
}
});