在Ajax请求中提交表格中的表单元素?

时间:2019-06-12 19:24:00

标签: javascript php jquery html ajax

我有一个动态生成的表,每行中都有一个编辑和删除按钮,当用户编辑输入,复选框和文本区域,单击编辑时,我需要将值发布到处理页面 如何发送一个包含表单元素的ajax请求,该表单元素位于html表的此(行)或特定行,或仅此迭代行中? 请帮助我,我不太擅长js

1 个答案:

答案 0 :(得分:-1)

//First of all thank you.
//After a deep search, I solved my own problem, here's the answer 
// if anyone has encountered the same thing:
<script>
$('.editRow').on('click', function (e) {
    var data = {};
    var row = $(this).closest('tr');
    var rowData = row.find('input, checkbox, textarea');
    if (rowData.length > 0) {
        rowData.each(function () {
            data[$(this).attr('name')] = $(this).val();
            //rowData.push($(this).val());
        });
        //data=dataRow
    }
    $.ajax
    ({
        method: 'post',
        url: 'tbl_process.php',
        data: {
            data: data
        },
        success: function (data) {
            $('#content').html(data);
        }
    });
});
</script>