AJAX 后台传参

jQuery与AJAX获取用户数据

最新推荐文章于 2024-04-12 22:54:32 发布

MissQuite

最新推荐文章于 2024-04-12 22:54:32 发布

阅读量228

点赞数

CC 4.0 BY-SA版权

分类专栏： java 文章标签： AJAX 后台传参

本文链接：https://blog.youkuaiyun.com/q843312183/article/details/53004624

java 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用jQuery和AJAX实现的功能：根据用户ID从服务器获取用户的金钱余额和健康币数量，并显示在页面上。该过程涉及前端的jQuery代码和后端的Java控制逻辑。

 jquery代码:
 
	$(function(){
		var id = ${cus.id};
		if(id != null && id != ""){
			$.ajax({
		            url: "/Cus/Personal.do?id="+id,
				    type : "post",
				    dataType : "json",
		            success: function (data) {
		        	    $("ye").html("￥"+data.money);
		            	$("jkb").html(data.healthycoin+"个");
		        }
		    });
		}
	})
	
control:
    @RequestMapping("/personal.do")
	public void personal(int id){
		Customer customer=cusService.get(id);
		response.setCharacterEncoding("utf-8");	
		Gson gson = new Gson();
		try {
			response.getWriter().print(gson.toJson(customer));
		} catch (IOException e) {
			e.printStackTrace();
		}
	}