如何使用ajax php在数据库中保存表内容

我有一个jquery脚本，它正在为一个表生成内容，我想知道如何使用ajax和php将该表上添加的所有行同时保存到数据库中

顺便说一句，我正在使用数据表

示例表：

我的桌子就是这样做的：

我的剧本：

$("#dialog-confirm").dialog({
    resizable: false,
    height: 140,
    modal: true,
    autoOpen: false,
    buttons: {
        "Close": function () {
            $(this).dialog("close");
        }
    }
});
var dataSet;
try{
    dataSet = JSON.parse(localStorage.getItem('dataSet')) || [];
} catch (err) {
    dataSet = [];
}
$('#myTable').dataTable({
    "data": [],
        "columns": [{
        "title": "Name"
    }, {
        "title": "Age"
    }, {
        "title": "Gender"
    }, {
        "title": "Action"
    }],
        "bStateSave": true,
        "stateSave": true,
        "bPaginate": false,
        "bLengthChange": false,
        "bFilter": false,
        "bInfo": false,
        "bAutoWidth": false
});
oTable = $('#myTable').DataTable();
for (var i = 0; i < dataSet.length; i++) {
    oTable.row.add(dataSet[i]).draw();
}

$('#Save').click(function () {
    if ($('#name').val() == '' || $('#age').val() == '' || $("input[name='gender']:checked").val() == undefined) {
        $("#dialog-confirm").dialog("open");

    } else {

        var data = [
            $('#name').val(),
            $('#age').val(),
            $("[name='gender']:checked").val(),
            "<button class='delete'>Delete</button>"
        ];
        oTable.row.add(data).draw();
        dataSet.push(data);
        localStorage.setItem('dataSet', JSON.stringify(dataSet));      
    }
});

$(document).on('click', '.delete', function () {
    var row = $(this).closest('tr');
    oTable.row(row).remove().draw();
    var rowElements = row.find("td");
    for (var i = 0; i < dataSet.length; i++) {
        var equals = true;
        for (var j = 0; j < 3; j++) {
            if (dataSet[i][j] != rowElements[j].innerHTML) {
                equals = false;
                break;
            }
        }
        if (equals) {
            dataSet.splice(i, 1);
            break;
        }
    }
    localStorage.setItem('dataSet', JSON.stringify(dataSet));
});

$（“#对话框确认”）。对话框({
可调整大小：false，
身高：140，
莫代尔：是的，
自动打开：错误，
按钮：{
“关闭”：函数（）{
$（此）.dialog（“关闭”）；
}
}
});
var数据集；
试一试{
dataSet=JSON.parse（localStorage.getItem（'dataSet'））| |[]；
}捕捉（错误）{
数据集=[]；
}
$（'#myTable'）。数据表({
“数据”：[]，
“栏目”：[{
“标题”：“名称”
}, {
“头衔”：“年龄”
}, {
“标题”：“性别”
}, {
“标题”：“行动”
}],
“bStateSave”：正确，
“国家拯救”：没错，
“bPaginate”：错误，
“bLengthChange”：false，
“bFilter”：错误，
“bInfo”：假，
“bAutoWidth”：假
});
oTable=$（'#myTable'）.DataTable（）；
对于（var i=0；i

在代码中添加表单标记：

<form id='myform'>
    <div id="dialog-confirm" title="Error">
        <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 0px 0;"></span>Please fill all the required fields!</p>
    </div>

    <br />
    <br />Name:
    <input type="text" name="name" id="name" />
    <br />Age:
    <input type="text" name="age" id="age" />
    <br />Gender:
    <input type="radio" name="gender" value="Male" />Male
    <br />
    <input type="radio" name="gender" value="Female" />Female
    <br />
    <button id="Save" name="Save">Save</button>
    <div class="container well">
        <table id="myTable" class="table table-striped table-bordered" cellspacing="0" width="100%">
            <tr>
                <td>
                    Line 1 Edit
                </td>
                <td>
                    <input type='text' name='line1' />
                </td>
            </tr>
            <tr>
                <td>
                    Line 2 Edit
                </td>
                <td>
                    <input type='text' name='line2' />
                </td>
            </tr>
        </table>
    </div>
</form>

请填写所有必填字段




名称：

年龄：

性别：
男性


女性


拯救
第1行编辑
第2行编辑

然后可以使用jquery将其发送到服务器

var formdata=$（“#myform”）.serialize（）

formdata

将表单中的数据放入变量，以备post或get请求。

---

然后使用

$.post（“myurl？”+formdata，function（response_from_server）{alert（response_from_server）；}）

只需将整个表数组发送到PHP脚本-----然后读取它-拆分它--然后执行任何操作