Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Laravel在不刷新页面的情况下向表中添加行_Html_Laravel - Fatal编程技术网

Html Laravel在不刷新页面的情况下向表中添加行

Html Laravel在不刷新页面的情况下向表中添加行,html,laravel,Html,Laravel,我试图在不刷新页面的情况下将行添加到表中,不使用js是否可以?基本上,我有一个表格,在模式中输入。我的问题是,每当我向表格添加数据时,我需要刷新页面,这会关闭模式,只有在模式中按下保存按钮时,才能保存表格中的数据。也许使用Laravel控制器可以做到这一点 <table class="table" style="margin-top: 16px"> <tbody> <tr> <td class="table-text"> &

我试图在不刷新页面的情况下将行添加到表中,不使用js是否可以?基本上,我有一个表格,在模式中输入。我的问题是,每当我向表格添加数据时,我需要刷新页面,这会关闭模式,只有在模式中按下保存按钮时,才能保存表格中的数据。也许使用Laravel控制器可以做到这一点

<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请求