У меня есть вызов AJAX, как показано ниже. Это отправляет данные из формы в JSON. Затем я беру значения и помещаю их обратно в div с именем response
, чтобы не обновлять страницу.
$("form").on("submit", function(event) { $targetElement = $('#response'); event.preventDefault(); // Perform ajax call // console.log("Sending data: " + $(this).serialize()); $.ajax({
url: '/OAH',
data: $('form').serialize(),
datatype: 'json',
type: 'POST',
success: function(response) {
// Success handler
var TableTing = response["table"];
$("#RearPillarNS").empty();
$("#RearPillarNS").append("Rear Pillar Assembly Part No: " + response["RearPillarNS"]);
$("#TableThing").empty();
$("#TableThing").append(TableTing);
for (key in response) {
if (key == 'myList') {
// Add the new elements from 'myList' to the form
$targetElement.empty();
select = $('<select id="mySelect" class="form-control" onchange="myFunction()"></select>');
response[key].forEach(function(item) {
select.append($('<option>').text(item));
});
$targetElement.html(select);
} else {
// Update existing controls to those of the response.
$(':input[name="' + key + '"]').val(response[key]);
}
}
return myFunction()
// End handler
}
// Proceed with normal submission or new ajax call }) });
Создается новый <select id="mySelect">
Теперь мне нужно извлечь значение, которое было выбрано вновь созданным выбором, и изменить мой массив JSON. Опять же, без обновления страницы.
Я думал сделать это с помощью кнопки под названием CreateDrawing
Функция JS для этого будет:
> $(function() {
$('a#CreateDrawing').bind('click', function() {
$.getJSON('/Printit',
function(data) {
//do nothing
});
return false;
});
});
Это потому, что я буду использовать данные из массива JSON в функции Python через Flask, которая будет использовать значение из выбора.
У меня вопрос: как лучше (если бы кто-то мог также сделать рабочий пример, который помог бы мне МНОГО), чтобы получить значение из выбора, как указано выше, и перенести в Python Flask / JSON.