时间戳

首页 > 解决方案 > 如何将 ajax 请求的数据发送回控制器？

jquery - 如何将 ajax 请求的数据发送回控制器？

问题描述

我已经收到了数据，ajax然后我使用该 jquery 将该数据添加到刀片模板中。

 <table class="table table-hover">
                        <thead>
                        </thead>
                        <tbody id="transRecords">

                        </tbody>
                    </table>


  $.ajax({
            url: '{{route('translation.recodes')}}',
            type: 'post',
            data: {
                _token: "{{ csrf_token() }}"
            },
            success: function (data) {
                data.forEach((rec) => {
                    document.querySelector('#transRecords').innerHTML +=
                        `
            <tr">
                <td id="recodeValue-${rec.id}" style="display:none">${rec.id}</td>
                <td>${rec.korean}</td>
                <td>${rec.japanese}</td>
                <td><button id="recodeRemoveBtn-${rec.id}" type="button" class="btn btn-danger float-right">삭제</button></td>
            </tr>

            `
                })

            },
            error: function () {
                alert("error!!!!");
            }
        });

这里我点击这个按钮，我想把你选择的元素一一删除。

 <td><button id="recodeRemoveBtn-${rec.id}" type="button" class="btn btn-danger float-right">삭제</button></td>

id="recodeRemoveBtn-${rec.id}单击按钮将 的值发送${rec.id}到控制器。

这是我的路由器。

Route::post('translation/delete', 'Home\TranslationController@recodeDelete')->name('translation.recode.delete')->middleware('auth');

标签： jqueryajaxlaravel

解决方案

您好，请在按钮中使用 onclick 功能。


<td><button id="recodeRemoveBtn-${rec.id}" onclick="sendData(rec.id)" type="button" class="btn btn-danger float-right">삭제</button></td>
<script>
function sendData(id) {
    // you got current id
    // and run ajax
}
</script>

希望它有帮助

推荐阅读