Javascript 通过html表单更新mysql表的最简单方法

我需要更新mysql表中的值。这必须手工检查，我不能给该人员phpmyadmin权限

所以我想创建一个显示mysql表的html表。它有更多的列，但为了简单起见，假设我们有：

 name   age   gender
 jake    23     M
 jenny   45     M
 bob     12     M

现在我想把它显示在一个html页面上的一个表格或其他东西上，这样就可以很好地对齐，我们可以浏览数据，也就是说，将Jenny的性别从M改为F。 我想要两件事中的一件：

1每当更改行中的值时，使用该行的所有变量向服务器发出Ajax请求，以便可以进行mysql更新

2整个表将被放置在一个表单中，页面底部是一个提交按钮，它以一种方式发送所有数据，可以将数据放在Python中的字典或数据框中，以循环所有行，从而更新mysql表。我问了这个问题，但没有得到任何答案

我现在尝试了这个，但它没有调用函数：

 In the header of html:


$('.formclass').change(function() {
    console.log("testing");

});

然后，我向服务器发出一个请求，以填写表格。python代码是：

table1 = {mysql query data}

data = """

    <table border = 5 bordercolor = red align = center>
"""

for i,row in table1.iterrows():

    sstr = """
        <tr>
        <form action="/test.py" class='formclass'>
        <td><input type="text" name="id" value="{0}" readonly/></td>
        <td>name: {1} </td>
        <td colspan = 4><input type="radio" name="gender" value="M" checked>Male<input type="radio" name="gender" value="F">Female</td>
        </form>
        </tr>
    """.format(row['id'],row['name'])

    data = data + sstr

data = data + """</table>"""

print(data)

但是，它甚至没有登录到控制台。然后我还需要行中的数据

---

我在html中看到的是表单元素被放置在另一个位置，因此表格单元格不再位于表单中。

您可以将其用作SELECT的最佳实践。

视图用于SELECT not UPDATE。