springboot怎么把数据传给前端:springboot 如何引入前端 bootstrap?
这种问题网上一搜一大堆,你可以具体找一篇文章试试,遇到问题可以针对相关问题去提问。springboot通过jar包方式引入bootstrap_个人文章 - SegmentFault 思否 这不是查查就
顺晟科技
2022-10-18 14:04:46
42
因此,给出一个包含多个生成表单的HTML页面:
{% for row in data %}
<form action="/aggiorna_pratica" method='POST' id="inserisci_app_{{ row[0][1] }}">
<input name="id_pratica_{{ row[0][1] }}" type='hidden 'id="id_pratica_{{ row[0][1] }}" value="{{ row[0][1] }}"></input>
<button type="submit" class="btn btn-success aggiorna_app">
<i class="fa fa-check"></i>
</button>
</form>
{% endfor %}
行[0][1]包含行的ID.
我试图从他们中的每一个发送Ajax请求,但我从每一行中得到第一行的相同ID.
这是JavaScript
$(document).ready(function() { $(".aggiorna_app").click(function(event) {
//prevent submit
event.preventDefault(); //Thx @alex
//do things on submit
$.ajax({
data : {
tipo_richiesta : "inserisci_intervento",
id : $('#id_pratica').val(),
data_int : $('#data_int').val(),
ora_int : $('#ora_int').val()
},
type: "POST",
url: "/aggiorna_pratica",
beforeSend: function(){
//Before send data
},
success: function(data){
console.log(data);
}
});
});});我知道我是个新手,但我真的需要一些帮助。
顺晟科技:
下面是一个测试单击事件的工作示例。单击事件发生在每个表单中的.aggoriorna_app
按钮上,但是传递给Ajax调用的ID看起来每次都会获取.val()
,例如,$('#id_pratica').val()
<代码>窗体{边距-底部:3rem;}
<代码><;script SRC=“ https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js ”>;<;/script>;<;DIV类=“容器”>;<;Form action=“/AgGiorna_Pratica ” method=' post ' ID=“ Inserisci_应用程序_{{row[0][1]}}”>;<;INPUT NAME=“ ID_PRATICA_{{ROW[0][1]}}” TYPE=' HIDDEN ' ID=“ ID_PRATICA_1 ” VALUE=“输入_1 ”>;<;/INPUT>;<;Button type=“ Submit ” Class=“ btn btn-success Aggiorna_应用程序”>;<;I CLASS=“ fa fa-check ”>;<;/I>;单击我<;/按钮>;<;/窗体>;<;Form action=“/AgGiorna_Pratica ” method=' post ' ID=“ Inserisci_应用程序_{{row[0][1]}}”>;<;INPUT NAME=“ ID_PRATICA_{{ROW[0][1]}}” TYPE=' HIDDEN ' ID=“ ID_PRATICA_2 ” VALUE=“输入_2 ”>;<;/INPUT>;<;Button type=“ Submit ” Class=“ btn btn-success Aggiorna_应用程序”>;<;I CLASS=“ fa fa-check ”>;<;/I>;单击我<;/按钮>;<;/窗体>;<;Form action=“/AgGiorna_Pratica ” method=' post ' ID=“ Inserisci_应用程序_{{row[0][1]}}”>;<;INPUT NAME=“ ID_PRATICA_{{ROW[0][1]}}” TYPE=' HIDDEN ' ID=“ ID_PRATICA_3 ” VALUE=“输入_3 ”>;<;/INPUT>;<;Button type=“ Submit ” Class=“ btn btn-success Aggiorna_应用程序”>;<;I CLASS=“ fa fa-check ”>;<;/I>;单击我<;/按钮>;<;/窗体>;<;/DIV>;
05
2022-12
02
2022-12
02
2022-12
29
2022-11
29
2022-11
24
2022-11