我有一个javascript数组,它存储座位号(在电影院中(,用户通过单击选择座位号,每次使用函数添加到数组中。我希望页面显示这些席位的总成本,这意味着访问某个 php 中的 sql 表。
所以我有例如 seatNumbers = ["a1"、"d6"、"e3"] 和三个 sql 查询,例如"从座位中选择成本,其中 seat_number='a1';"。单击座位时添加到数组并打印座位的函数如下所示:
var seatArray = [];
function addSeat(seat) {
seatArray.push(seat);
document.getElementById("textarea").innerHTML="Seats : ";
for (x in arraytest) {
document.getElementById("textarea").innerHTML+=arraytest[x];
document.getElementById("textarea").innerHTML+=" ";
}
}
我想在HTML中显示总成本。
我想知道我想要实现的目标是否可能?一般方法是什么,我需要加载一个新页面吗?如果不可能,还有什么更好的方法呢?
你的问题非常广泛,要回答它,需要知道和使用相当多的东西。
不过,你想要的很有可能。事实上,有些技术的核心重点是为像您这样的问题提供解决方案!你需要的是一些可靠的信息(可能还有经验(AJAX,甚至可能是REST。通过使用 AJAX,您的页面不必重新加载,在您的情况下,AJAX 可能是最佳选择。
为您指明正确的方向:AJAX javascript W3Schools 教程和 PHP AJAX W3Schools 教程
然后,使用jQuery使一切变得更容易:jQuery(我会选择1.x(
您必须创建一个 API 来接受 HTTP(最好是 GET(请求并返回您在 URL 中引用的席位的成本,例如(更像 REST,应该返回包含价格的整个座位对象(:/seat/200
,或(不像 REST 一样(/seat/cost/200
(。
如果您想遵循(如果您尚未阅读它,可能会混淆(REST 规则,您的选择。在您的情况下,我只是从一些好的旧 AJAX 开始,它只是工作,甚至更适合这样的东西。
你应该使用 AJAX。尝试使用 jQuery 库和 ajax 函数。
用JSON字符串上的席位隐藏您的数组,并通过AJAX将其发送到检查整个价格的页面。然后,您可以使用总费用更新您的 HTML 代码。
var json_data = '{...}';
$.ajax({
url: "total_cost.php",
dataType: "json",
type: 'POST',
data: { json: json_data },
success: function(response) {
// .. on success
var json_response = jQuery.parseJSON(response);
var cost = json_response.total_cost;
}
});