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


Send javascript array to SQL then get info back to the HTML

我有一个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;
    }
});
相关文章: