SpringMvc @ResponseBody ajax

最新推荐文章于 2022-07-22 09:54:23 发布

原创最新推荐文章于 2022-07-22 09:54:23 发布 · 394 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

SpringMvc 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个具体的前端调用后端API的案例，使用jQuery的$.ajax方法发送GET请求获取客户信息，并展示了如何在成功回调中填充表单字段。

Controll层返回json数据，给前端的ajax

前端代码：

	function editCustomer(id) {
			$.ajax({
				type:"get",
				url:"<%=basePath%>customer/edit.action",
				data:{"id":id},
				success:function(data) {
					$("#edit_cust_id").val(data.cust_id);
					$("#edit_customerName").val(data.cust_name);
					$("#edit_customerFrom").val(data.cust_source)
					$("#edit_custIndustry").val(data.cust_industry)
					$("#edit_custLevel").val(data.cust_level)
					$("#edit_linkMan").val(data.cust_linkman);
					$("#edit_phone").val(data.cust_phone);
					$("#edit_mobile").val(data.cust_mobile);
					$("#edit_zipcode").val(data.cust_zipcode);
					$("#edit_address").val(data.cust_address);
					
				}
			});
		}

Controll：

    @RequestMapping("edit")
	@ResponseBody
	public Customer getCustomerById(Integer id){ 
		
		Customer customer = customerService.getCustomerById(id);
		
		return customer;
	}