Question

我有以下代码，使用java脚本代码将动态行添加到表并将值添加为表数据，但我无法将数据添加到数据库中。它包含添加按钮功能。现在代码不会将数据插入数据库。所以，我需要使用PHP代码将动态html数据添加到mysql数据库中

   <html>
   <head>
   <SCRIPT language="javascript">
   function addRow(tableID) {
   var table = document.getElementById(tableID);
   var rowCount = table.rows.length;
   var row = table.insertRow(rowCount);
   var cell1 = row.insertCell(0);
   var element1 = document.createElement("input");
   element1.type = "text";
   element1.name="txtbox[]";
   cell1.appendChild(element1);

       var cell1 = row.insertCell(0);
        var element1 = document.createElement("input");
        element1.type = "text";
        element1.name="txtbox[]";
        cell1.appendChild(element1);

           var cell1 = row.insertCell(0);
        var element1 = document.createElement("input");
        element1.type = "text";
        element1.name="txtbox[]";
        cell1.appendChild(element1);



    }


     </script>
     </head>
     <div id="table_wrapper">
     <table class="meta">
      <tr id="noExl"
            <th><span contenteditable>Invoice #</span></th>
            <td><span contenteditable>101138</span></td>
            </tr>
            <tr id="noExl">
                <th><span contenteditable>Date</span></th>
                <td><span contenteditable>January 1, 2012</span></td>
            </tr>
            <tr id="noExl">
                <th><span contenteditable>Amount Due</span></th>
                <td><span id="prefix" contenteditable>Rs</span>
            <span>600.00</span></td>
            </tr>
           </table>
          <table class="inventory" id="dataTable">
            <thead>
                <tr id="noExl">
                    <th><span contenteditable>Item</span></th>
                    <th><span contenteditable>Description</span></th>

                    <th><span contenteditable>Amount</span></th>
                </tr>
            </thead>
            <tbody>
                <tr id="noExl">
                    <td><a class="cut">-</a><span contenteditable>Front End 
                     Consultation</span></td>
                    <td><span contenteditable>Experience Review</span></td>

                    <td><input onblur="findTotal()" type="text" name="qty" 
                    id="qty1"/></td> 
                </tr>
            </tbody>


            <tbody>

            </tbody>

        </table>
          <INPUT type="button" value="+" onclick="addRow('dataTable')" />

Answer 1

我假设您已准备好在数据库中发布数据

抓住java脚本函数中的所有值
使用ajax发布这些值

我附加了一个示例ajax方法，您可以根据自己的要求进行修改

//call to remote update function
update_table(var1,var2);

//method definition
function update_table(var1,var2){
var action_post_data='id='+var1+'&total'+var2;
 jQuery.ajax({
             url: 'update/table',
             type: 'POST',
             data: action_post_data,
             dataType: 'json',
             success: function (data) {
             //do something
                     }
                 },
                error: function () {
                    
                      //do something
                }
            }

如何使用PHP在mysql数据库中添加动态html表数据？

1 个答案: