Заполните поля формы HTML с единственными данными JSON через JavaScript - PullRequest
0 голосов
/ 08 марта 2019

У меня есть 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-данными

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...