У меня есть html-форма, которая содержит несколько полей, таких как текстовые поля, выпадающий список selectS, textarea, table (которые имеют уникальные поля). Я хочу заполнить форму данными из одного JSON, но у меня возникли трудности с этим, потому чтоВсе данные, которые будут использоваться в этих полях, находятся внутри единичных данных JSON, которые я получил из запроса, используя следующий метод
[{"work_detail":{"products":[
{"name":"Hamburger"},{"name":"Burritos"},{"name":"Hotdogs"}]},
"staff_detail":[
{"details":{"first_name":"David","last_name":"Farmer","gender":"male","date_of_birth":"2019-02-04T00:00:00.000Z"}},
{"details":{"first_name":"Bryant","last_name":"Black","gender":"male","date_of_birth":"2019-02-04T00:00:00.000Z"}}]}]
Из данных выше имени, фамилии и date_of_birth имеются отдельные поля texf, а пол -параметр, уже существующий в выпадающем меню выбора, и продукты будут заполнять меню продуктов (в настоящее время нет никаких данных)
они также будут помещены в таблицу с уникальными полями
Некоторые извещи, которые я сделал,1. HTML
<select
name="userId"
id="userId"
class="form-control"
data-source="https://sourceofthedata.com/urlofthedata"
data-valueKey="id"//
data-displayKey="name"></select>
КОД JAVASCRIPT
$('select[data-source]').each(function() {
var $select = $(this);
$select.append('<option></option>');
$.ajax({
url: $select.attr('data-source'),
}).then(function(options) {
options.map(function(option) {
var $option = $('<option>');
$option
.val(option[$select.attr('data-valueKey')])
.text(option[$select.attr('data-displayKey')]);
$select.append($option);
});
});
});
Проблема, с которой я столкнулся, заключается в том, что каждое из полей выбора будет вызывать базу данных, что приведет к дублированию операции
Пожалуйста, как я могу достичь вышеупомянутого, в котором все поля будут заполнены только одним JSON-данными