Как разместить несколько объектов в Django Rest API из формы HTML, где несколько идентификаторов входных полей одинаковы - PullRequest
Новая
       132

Как разместить несколько объектов в Django Rest API из формы HTML, где несколько идентификаторов входных полей одинаковы

0 голосов
/ 04 мая 2020

enter image description here

Здесь вы можете увидеть мою форму, где пользователь может предоставить информацию, и моя цель - взять все предоставленные пользователем данные и опубликовать их через API

Сначала я хочу видеть вас мой HTML код: 

<div class="content" id="skills">
                          <form action="#" method="post" class="job-post-form ajax" id="skill_create">
                            <div class="form-group row">
                              <label class="col-sm-3 col-form-label">Type Skills</label>
                              <div class="col-sm-9">
                                <div class="input-group">
                                  <div class="input-group-prepend">
                                    <div class="input-group-text">01</div>
                                  </div>
                                  <select class="form-control" data-text="name" id="skill_name_id" data-value="id" data-placeholder="Skills" data-src="/api/skill_list">
                              </select>
                                    <input type="number" id="rating" class="form-control" placeholder="Rating">
                                  <label class="form-control" >Verified By SkillCheck</label>
                                    <input type="checkbox" id="verified_by_skillcheck" style="margin-top:16px;" name="Skillcheck" value="X">

                                </div>
                              </div>
                            </div>
                            <div class="form-group row">
                              <div class="offset-sm-3 col-sm-9">
                                <div class="input-group">
                                  <div class="input-group-prepend">
                                    <div class="input-group-text" >02</div>
                                  </div>
<!--                                  <input type="text" class="form-control" >-->
                                    <select class="form-control" id="skill_name_id" data-text="name" data-value="id" data-placeholder="Skills" data-src="/api/skill_list">
                              </select>
                                  <input type="number" id="rating" class="form-control" placeholder="Rating">
                                  <label class="form-control">Verified By SkillCheck</label>
                                    <input type="checkbox" id="verified_by_skillcheck" style="margin-top:16px;" name="Skillcheck" value="X">
                                </div>
                              </div>
                            </div>

А теперь я покажу вам свой код сценария: 

function skillGet(){
var skill_id = $("#skill_name_id").val();
var skill_rating = $("#rating").val();
var isVerified = $('input[name="Skillcheck"]:checked').val();
var path = window.location.pathname.split('/');
var id = path[path.length-2];
if (!isVerified){
isVerified = "False";
}
else{
isVerified = "True";
}

var data =
{
"professional_id" : id,
"skill_name_id": skill_id,
"rating": skill_rating,
"verified_by_skillcheck": isVerified
}
skillCreateUrl = "/api/professional/professional_skill/";
  if(Object.keys(data).length>1){
         post(skillCreateUrl, JSON.stringify(data));
        }

}

По этому коду я получаю Значение предоставлено пользователем, и я публикую в своем API. Но проблема в том, что он отправляет только одно значение объекта, но мне нужно опубликовать значение выше 2 объектов. Как мне этого добиться? Я нуб, пожалуйста, помогите мне !!!!

...