Onclick 事件更新 localhost 数据库答案

【问题标题】：Onclick event update localhost databaseOnclick 事件更新 localhost 数据库
【发布时间】：2013-01-29 16:56:13
【问题描述】：

我有一个表格，表格有 5 行 8 列。此表代表音乐厅中的可用座位。点击提交按钮后，调用了一个javascript函数，目前是这样的：

    <script>
    function submit_tickets(form){
      var count=0;
      var booked_seats=new Array();
      var c = document.getElementById(form).getElementsByTagName('input');
      for (var i = 0; i < c.length; i++) {
        if (c[i].type == 'checkbox' && c[i].checked==true){
        booked_seats[count]=c[i].id;
        count++;
    //create an array with the booked seats' ID
    }
    }


//alert(booked_seats.length);
    } </script>

当调用此函数时，我希望同时更新 localhost 数据库的表（包含所有 40 个座位 ID 的表），具体取决于预订的座位。我该怎么做，你能帮帮我吗？

【问题讨论】：

你需要一个 ajax 调用来调用更新数据库的 php 脚本：api.jquery.com/jQuery.ajax
我同意，ajax 是您正在寻找的。 Here is a good little tutorial.

标签： php javascript ajax database onclick

【解决方案1】：

如果你愿意，我可以用原生 javascript 编写示例，但现在我会尝试使用 jQUery 来完成。

function submit_tickets(form){
    var seats=[];
    $(form).find("input:checked").each(function(){
        seats.push($(this).val());//i hope you do have a value for your input tags, and if not, then push $(this).attr('id') - but highly recommend you to follow w3c   

    });
    $.post("your/url/to/server",{seats:seats},function(data){
          console.log(data);//some info from server
    })
}

【讨论】：

如果您用 javascript 编写示例，我将不胜感激。复选框是这样的：。我认为数据库更新必须在一个单独的 php 文件中，我必须在某个地方调用它，但我不知道具体要写什么。
用原生 js 编写它 - 这不是一个好主意，因为事实上，你也想在服务器中更新它并实现 ajax 这不是聪明的主意，人们已经这样做了。对于 ajax - 使用 jQuery。在服务器端，我不知道你是如何在那里实现的，我希望你使用 mvc .. - 所以在控制器中创建新方法。如果没有，那么只需将其发送到您的索引文件，然后查看 $_POST 变量将包含哪些内容))，您将了解该怎么做..顺便说一下，我建议您将 value="Y1" 添加到您的复选框
这真的很糟糕，你使用 bgcolor fot TD 元素.. 更好地把类放在它上面，或者从表继承.. 想象一下，你需要更新颜色，而不是改变它仅在 css 中的 1 个位置，您必须在所有 html 文件中执行无数次。另一方面，它看起来并不有趣。

【解决方案2】：

我相信您需要使用 PHP 调用一个 php 文件，在该文件中完成数据库更新。你可以考虑使用 jquery ajax，如http://api.jquery.com/jQuery.ajax/

【讨论】：

假设我知道如何编写 php 文件，调用命令应该在 javascript 函数 submit_tickets() 或其他地方？