Я совершенно новичок в js, и я проверил несколько сайтов здесь, но не смог найти подходящий ответ. Проблема: получил массив от django. Я прокручиваю, и каждая запись получит свою собственную кнопку отправки, чтобы «нажать» ее в другой форме js. Если я сейчас нажму кнопку отправки, будет отправлена только 1 запись массива. Кроме того, эта конфигурация, показанная ниже, всегда перезагружает сайт после нажатия кнопки и отменяет отправленный результат.
<script type='text/javascript'>
function insert_entity() {
insert_entity(kursLabel,LVbeginsAt,LVendsAt,LVlocation,Typ) {
var record_already_exist=false;
var d = new Date();
var obj = new Object ();
obj.kursLabel = document.getElementById("kursLabel").value.toLowerCase() ;
console.log(obj.kursLabel);
...
</script>
<body>
<main>
<mod>
{% if output %}
{% for out in output %}
<ul>
<li>
<form id=submit_form onsubmit="insert_entity({{out.kursLabel}});" >
<input type="hidden" id="kursLabel" value="{{out.kursLabel}}">
<input id="LVbeginsAt" value="{{out.LVbeginsAt}}">
<input type="hidden" id="LVendsAt" value="{{out.LVendsAt}}">
<input type="hidden" id="LVlocation" value="{{out.LVlocation}}">
<input type="hidden" id="Typ" value="{{out.Typ}}">
<input type="hidden" id="LVdayOfWeek" value="{{out.LVdayOfWeek}}">
<!--<button type="button" id="include_into_db" > {{out.kursLabel}} </button>-->
<!--<input type="button" onclick="insert_entity(this.form)" value="{{out.kursLabel}}">-->
<input type="submit" value="{{out.kursLabel}}">
</form>
</li>
</ul>
{% endfor %}
</mod>
</main>
</body>
ИЗМЕНИТЬ
мой недавний подход:
$(document).ready(function() {
$( "#submit_form" ).submit(function() {
$.ajax({
type: "POST",
//url: "/hello/", // or just url: "/my-url/path/"
data: {
query: $( "#kursLabel" ).val()
},
success: function(data) {
console.log(datea);
}
});
});
});
<mod>
{% if output %}
{% for out in output %}
<ul>
<li>
<!--<form id=submit_form2 onsubmit="insert_entity({{out.kursLabel}});" > -->
<form id='submit_form' method="post" action="db_record" >{% csrf_token %}
<input type="hidden" id="kursLabel" value="{{out.kursLabel}}">
<input id="LVbeginsAt" value="{{out.LVbeginsAt}}">
<input type="hidden" id="LVendsAt" value="{{out.LVendsAt}}">
<input type="hidden" id="LVlocation" value="{{out.LVlocation}}">
<input type="hidden" id="Typ" value="{{out.Typ}}">
<input type="hidden" id="LVdayOfWeek" value="{{out.LVdayOfWeek}}">
<!--<button type="button" id="include_into_db" > {{out.kursLabel}} </button>-->
<!--<input type="button" onclick="insert_entity(this.form)" value="{{out.kursLabel}}">-->
<input type="submit" value="{{out.kursLabel}}">
</form>
</li>
</ul>
{% endfor %}
{% else %}
<p>No polls are available.</p>
{% endif %}
</mod>
Но я все еще получаю всю базу данных как console.log :/