Thymeleaf中的ajax传参实例

Thymeleaf中的ajax传参实例

1、onclic响应后的处理,例响应函数deActivity（）

<button type="button" onclick="|javascript:deActivity('${activity.id}')|">删除</button>

2、函数调用

function deActivity(id) {
		$.ajax({
			type: "POST",
			url: '/deActivity/' + id,
			// data :'id=' + id,
			dataType: 'json',
			success: function (data) {
				if (data.code == 1) {
					location.reload();//刷新当前页面
					// alert("删除成功！");
				}
			}, error() {

			},
		});
	}

3、Controller层处理

   /*删除活动*/
    @RequestMapping("/deActivity/{id}")
    @ResponseBody
    public Map<String,Object> deActivity(@PathVariable("id") int id){
        Map<String,Object> rltMap= new HashMap<>();
        activityService.deleteById(id);
        rltMap.put("code",1);
        rltMap.put("msg","信息删除完成");
        return rltMap;
    }

4、ajax返回的数据一般为json数据，所以此处用Map<>进行封装数据传输