php - Onclick 事件更新 localhost 数据库

Question

我有一个表格，表格有 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 的表）。我该怎么做，你能帮帮我吗？

Answer 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
    })
}

Answer 2

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