AJAX 后台传参

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

原创最新推荐文章于 2024-04-12 22:54:32 发布 · 228 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#AJAX 后台传参

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();
		}
	}