我有一个javascript数组,用于存储座位号(在电影院中),用户可以通过单击来选择座位号,并每次使用函数将其添加到数组中。我希望页面显示这些座位的总费用,这意味着访问一些php中的sql表。
所以我有seatNumbers = [“ a1”,“ d6”,“ e3”]和三个sql查询,例如“从seat中选择费用,其中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 Tutorial和PHP AJAX W3Schools tutorial
然后,使用jQuery使所有操作变得更加容易:jQuery(我将使用1.x)
您必须创建一个API,该API接受HTTP(最好是GET)请求,并返回您在URL中引用的座位的费用,例如(更多的REST,应该返回包含价格的整个座位对象):或(不是REST之类的/seat/200
)。
如果您想遵循(如果您没有读过它,可能会造成混淆)REST规则,那么您的选择。在您的情况下,我将以一些不错的旧AJAX开始,它可以正常工作,甚至更适合于这种情况。