以下是一个简单的丽江旅游集团公众号抢购协议的代码参考:
```
var agreementChecked = false;
// 点击同意协议复选框
$("#agreement-checkbox").click(function() {
if ($(this).is(":checked")) {
agreementChecked = true;
} else {
agreementChecked = false;
}
});
// 点击抢购按钮
$("#buy-button").click(function() {
if (!agreementChecked) {
alert("请先同意抢购协议!");
return;
}
// 发送抢购请求
$.ajax({
url: "/api/buy",
type: "POST",
data: {
product_id: 123,
quantity: 1
},
success: function(response) {
if (response.success) {
alert("抢购成功!");
} else {
alert("抢购失败:" + response.message);
}
},
error: function() {
alert("抢购请求失败,请稍后再试!");
}
});
});
```
在这个例子中,我们首先定义了一个变量 `agreementChecked` 来记录用户是否勾选了同意协议的复选框。然后,当用户点击复选框时,我们更新这个变量的值。最后,在用户点击抢购按钮时,我们首先检查用户是否已经同意了协议,如果没有则弹出提示框,否则发送抢购请求。在请求成功或失败时,我们也分别弹出相应的提示框。需要注意的是,这只是一个简单的参考代码,实际情况可能会更加复杂,需要根据具体需求进行调整。