springmvc通过ajax异步请求返回json格式数据
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了springmvc通过ajax异步请求返回json格式数据，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1579字，纯文字阅读大概需要3分钟。
内容图文
jsp
首先创建index.jsp页面
<
script
type
="text/javascript"
>
$(
function
() {
$(
"
#username
"
).click(
function
() {
$.ajax({
url:
"
list
"
,//请求地址
type:
"
POST
"
,
dataType:
"
json
"
,
success:
function
(data) {//data是默认的，接收前台返回的数据
//
alert("success");
$.each(data,
function
(index,element) {//循环
$(
"
#tr
"
).append(
"
<th>
"
+
element.userid
+
"
</th>
"
);
$(
"
#tr
"
).append(
"
<th>
"
+
element.username
+
"
</th>
"
);
$(
"
#tr
"
).append(
"
<th>
"
+
element.password
+
"
</th>
"
);
})
}
});
});
</
script
>
</
head
>
<
body
>
<
table
align
="left"
border
="1"
cellpadding
="10"
cellspacing
="0"
id
="form"
>
<
tr
>
<
th
>id</th><th>用户名</th><th>密码</th></tr><tr id="tr"></tr></table></body>
controller
上面index.jsp发送list请求，接下来是处理请求的controller
@Controller
public
class
UserController {
private
static
final String NONE = null;
//注入ProductService @Autowired
private UserMapper userMapper;
/**
* 查询所有用户
* @return*/
@RequestMapping("/list")
@ResponseBody//返回json格式的数据
public List<User> List(){
List<User> list = userMapper.list();
return list;
}
}
Mapper.xml
<
mapper
namespace
="com.ssm.mapper.UserMapper"
>
<!--
查询所有用户
-->
<
select
id
="list"
resultType
="com.ssm.entity.User"
>
select * from user
</
select
>
</
mapper
>
User
public
class
User {
private
Integer userid;
private
String username;
private
String password;
}
原文：https://www.cnblogs.com/smfx1314/p/8810286.html
内容总结
以上是互联网集市为您收集整理的springmvc通过ajax异步请求返回json格式数据全部内容，希望文章能够帮你解决springmvc通过ajax异步请求返回json格式数据所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。