实验了两种thymeleaf传递参数的方法:
<button class="btn btn-primary btn-block" th:onclick="|cancelOrder(${salesOrder.id})|">取 消</button>
<button class="btn btn-primary btn-block" th:onClick="'javascript:cancelOrder(\''+${salesOrder.id}+'\')'">取 消</button>
js的方法定义如下:
function cancelOrder(orderId) {
return
let obj = {"orderId": orderId}
$.ajax({
url: "../order-cancel",
type: "post",
data: obj,
success: function (data) {
if (data.code == 1) {
console.log(data.msg)
} else if (data.code == 2) {
alert(data.msg)
}
}
})
}
同理,多个参数传递的方法类似:
<button class="btn btn-primary btn-block" th:onclick="|cancelOrder(${salesOrder.id}, ${salesOrder.id})|">取 消</button>
<button class="btn btn-primary btn-block" th:onClick="'javascript:cancelOrder(\''+${salesOrder.id}+'\', 'second_para')'">取 消</button>