Html 表格<；td>；获取post方法的数据

是否可以像使用输入一样从html表中的td获取数据

<form action="/user/editUser" method="post">
    <tr>
        <td>
            <button type="submit" class="btn btn-primary">Edit</button>
        </td>
        <td name="firstName"><%= user.firstName %></td>
        <td name="lastName"><%= user.lastName %></td>

    </tr>
</form>

编辑

我假设“与输入一样”指的是输入的

.value

属性，您感兴趣的数据是HTML模板化后的

user.firstName

和

user.lastName

？如果是，则

没有

.value

属性

相反，您可以分别使用

.innerHTML

和

.innerText

属性访问

td

（或任何标记）的内部HTML或内部文本，您感兴趣的数据是HTML模板化后的

user.firstName

和

user.lastName

？如果是，则

没有

.value

属性

---

相反，您可以分别使用

.innerHTML

和

.innerText

属性访问

td

（或任何标记）的内部HTML或内部文本。

表格不是表单元素，因此在提交表单时会忽略它们。使用Javascript可以做的一件事是覆盖表单的submit事件，并对操作执行Ajax post。首先在表单中添加一个id。(). 我还将添加错误处理

样品

$（'#myForm'）。提交（函数（e）{
e、 预防默认值（）；
var firstName=$（'td[name=“firstName”]'）。html（）；
var lastName=$（'td[name=“lastName”]'）。html（）；
$.ajax({
方法：“POST”，
url:“/user/editUser”，
数据：{
名字，
姓，
},
成功：（res）=>{
//做点什么
控制台日志（res）；
}
});
});

表格不是表单元素，因此在提交表单时会忽略它们。使用Javascript可以做的一件事是覆盖表单的submit事件，并对操作执行Ajax post。首先在表单中添加一个id。(). 我还将添加错误处理

样品

$（'#myForm'）。提交（函数（e）{
e、 预防默认值（）；
var firstName=$（'td[name=“firstName”]'）。html（）；
var lastName=$（'td[name=“lastName”]'）。html（）；
$.ajax({
方法：“POST”，
url:“/user/editUser”，
数据：{
名字，
姓，
},
成功：（res）=>{
//做点什么
控制台日志（res）；
}
});
});

非常感谢。非常感谢。

<script>
    $('#myForm').submit(function (e) {
        e.preventDefault();
        var firstName = $('td[name="firstName"]').html();
        var lastName = $('td[name="lastName"]').html();

        $.ajax({
            method: 'POST',
            url: '/user/editUser',
            data: {
                firstName,
                lastName,
            },
            success: (res) => {
                // do something
                console.log(res);
            }
        });
    });
</script>