Question

我有一个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中显示总费用。

我想知道我想要实现的目标是否可行？什么是一般方法，我需要加载新页面吗？如果不可能，那么更好的方法是什么？

Answer 1

你应该使用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;
    }
});

Answer 2

你的问题非常广泛，为了回答这个问题，需要知道并使用一些东西。

尽管如此，你想要的是什么。事实上，有些技术的核心重点是为像您这样的问题提供解决方案！你需要的是一些可靠的信息（也可能是经验）AJAX，甚至可能是REST。通过使用AJAX，您的页面无需重新加载，在您的情况下，AJAX可能是最佳选择。

指向正确的方向：AJAX javascript W3Schools Tutorial和PHP AJAX W3Schools tutorial

然后，使用jQuery使一切变得更容易：jQuery（我选择1.x）

您必须创建一个接受HTTP（最好是GET）请求的API，并返回您在网址中引用的席位的费用（更像REST，应该返回一个价格齐全的座位对象）包括）：/seat/200，或（不像REST）/seat/cost/200）。

您的选择是否要遵循（如果您没有阅读，可能会令人困惑）REST规则。在你的情况下，我只是从一些优秀的旧AJAX开始，它只是起作用，甚至更适合这样的东西。

将javascript数组发送到SQL然后将信息返回到HTML

2 个答案: