当用户点击price
按钮时,我想在不使用任何表单的情况下将字段plateId
和Order
发布到数据库表中。可能吗?否则,你能建议另一个解决方案吗?
<div class="menu">
<img src="/images/wings.png" />
<div>
<span id="price">Price:$40.00</span>
<div class="description">
<span id="plateId">HOT WINGS</span>
</div>
</div>
<button id="btn">Order</button>
</div>
<div class="menu">
<img src="/images/chicken.png" />
<div>
<span id="price">Price:$70.00</span>
<div class="description">
<span>Cooked Chicken</span>
</div>
</div>
<button id="btn">Order</button>
</div>
答案 0 :(得分:1)
你可以通过调用javascript函数来通过ajax进行服务器调用:
function send_value() {
$.ajax({
type: 'POST',
url: 'get.php',
dataType: "json",
data:({"uniId":"test"}),
success: function (data) {
console.log(data);
}
});
return false;
}
将数据作为参数传递,并将它们作为json放在data:({"uniId":"test"})
答案 1 :(得分:1)
您需要先调用 AJAX ,在您的情况下,您应收集有关plateId
和price
的信息,并将数据返回 AJAX ,以便它可以存储在您的数据库中。
$('#btn').click(function () {
var orderInformation = {
var price = $(#price).text();
var plateId = $(#plateId).text();
};
$.ajax({
type: 'POST',
url: 'post-information-in-your-db.php',
dataType: "json",
data:(orderInformation),
success: function (data) {
alert(data);
}
});
});
还可以在success
之后处理从变量返回的数据和不同的显示形状。