Html Laravel在不刷新页面的情况下向表中添加行
我试图在不刷新页面的情况下将行添加到表中,不使用js是否可以?基本上,我有一个表格,在模式中输入。我的问题是,每当我向表格添加数据时,我需要刷新页面,这会关闭模式,只有在模式中按下保存按钮时,才能保存表格中的数据。也许使用Laravel控制器可以做到这一点Html Laravel在不刷新页面的情况下向表中添加行,html,laravel,Html,Laravel,我试图在不刷新页面的情况下将行添加到表中,不使用js是否可以?基本上,我有一个表格,在模式中输入。我的问题是,每当我向表格添加数据时,我需要刷新页面,这会关闭模式,只有在模式中按下保存按钮时,才能保存表格中的数据。也许使用Laravel控制器可以做到这一点 <table class="table" style="margin-top: 16px"> <tbody> <tr> <td class="table-text"> &
<table class="table" style="margin-top: 16px">
<tbody>
<tr>
<td class="table-text">
<div style="float: left">TASK NAME</div>
</td>
<td style="width: 10%">
<div style="float: end">DELETE</div>
</td>
</tr>
</tbody>
任务名称
删去
如果没有javascript,这是不可能的 假设您使用的是jquery,我会这样做:
$('form')。关于('submit',函数(e){
e、 preventDefault();//禁用表单的发送
var one=$('#one').val();
var two=$('#two').val();
$('一').val('');
$('#二').val('');
$.ajax({
url:“/api/products/add”,
方法:“post”,
数据:{
产品:一,,
价格:两个
},
成功:函数(){
可追加(一、二);
}
});
appendToTable(one,two);//这个ajax中的Success函数永远不会到达,因为url没有设置。这是因为函数在这里被调用。
});
可追加的函数(一,二){
$('table')。追加(`
${1}
${two}
`);
}
添加
产品
价格
个人计算机
500
没有js是不可能的如果没有Javascript是不可能的,你可以通过ajax来实现。没有Javascript是不可能的。当浏览器上禁用js时,该怎么办?或者你只是不担心那些家伙?你可以把它变成一个表单,然后用javascript禁用这个表单(preventDefault
)。如果禁用js,则表单将提交。否则将发送ajax请求