将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;
}
});
- 访问布局信息是否也会导致浏览器重排
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- Javascript运行php文件,然后下载文件
- 如何将屏幕分辨率乘以 80%,然后在代码中使用
- 弹出窗口出现,然后退出
- 如何在JQuery函数中定义一个值,然后调用另一个函数并使用该值
- 将值输入到对象,然后该对象推送到数组
- 如何临时暂停浏览器渲染,然后恢复整个页面
- 定义完全独立的样式信息
- 将javascript数组发送到SQL,然后将信息返回给HTML
- 如何让表单字段生成当前日期和时间,然后在提交时发送该信息
- Javascript-从URL中获取多个图像的信息,然后将它们插入DOM
- 如何在单击或输入时获取搜索栏中的信息.然后将其粘贴到另一页上的另一个输入中
- 你可以使用javascript找到图像的URL's,然后将该信息传递给coldfusion吗?
- 增量变量,然后从数据库中从变量值的行获取信息
- 在表单中输入信息,然后通过jquery调用它
- 提交信息,然后在按钮中打开新网页.使用Form type = submit的多个操作
- 获取文本信息,对它们进行排序并编号,然后放入";;在数字和每个块之后
- 我不能添加信息到我的表在mysql.我使用javascript来显示信息消息,然后它不做任何事情
- 发送信息内.png图像,然后通过javascript提取它