Здравствуйте. Только начал изучение AJAX. Нужно отредактировать данные, которые летят с сервера. Я их получаю, заполняю инпуты, а как сохранить (изменить) не пойму, могу только добавить как новую запись..но нужно отредактировать.
$('.edit-table').on('click', function() {
var id = $(this).data('id');
$('#modal-1').modal();
$('.btn-form').css({
'display': 'none'
});
$('.btn-form-save').css({
'display': 'inline-block'
});
$.ajax({
url:'/api/v1/education/direction_info/',
type: 'GET',
data: {
'id': id
},
success: function (data) {
var obj = data[0];
// debugger;
for (key in obj) {
console.log(key, obj[key])
if(key.indexOf('image') != -1) {
$("form[name='form03'] [name='" + key + "']").attr('value', obj[key]);
} else {
$("form[name='form03'] [name='" + key + "']").val(obj[key]);
}
}
}
});
});
<table class="table" data-token="{{ csrf_token }}">
<thead class="table-inverse">
<tr>
<th>#</th>
<th>Направление</th>
<th>Руководитель</th>
<th>Кол-во программ</th>
<th>Кол-во слушателей</th>
<th>
<a data-toggle="modal" href="#modal-1" class="btn btn-primary mrg-b-lg pull-right add-prod js-direct">
<i class="fa fa-plus-circle fa-lg"></i>Add product</a>
</th>
</tr>
</thead>
<tbody>
{% for obj in object_list %}
<tr data-href="{{ obj.url }}">
<td>{{ obj.pk }}</td>
<td><a href="{{ obj.get_lk_url }}">{{ obj.name }}</a></td>
<td>{{ obj.director }}</td>
<td>{{ obj.get_courses_count }}</td>
<td>{{ obj.get_students_count }}</td>
<td class="td-center">
<a href="#" class="table-link edit-table js-direct" data-id="{{ obj.pk }}">
<span class="fa-stack">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-pencil fa-stack-1x fa-inverse"></i>
</span>
</a>
<a href="#" class="table-link danger unistall-table js-direct" data-id="{{ obj.pk }}">
<span class="fa-stack">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-trash-o fa-stack-1x fa-inverse"></i>
</span>
</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<form role="form" name="form03" class="form-list" data-token="{{ csrf_token }}" enctype="multipart/form-data">
<div class="form-group">
<label for="name1">Направление</label>
<input type="email" class="form-control" id="name1" name="name" placeholder="Введите направление">
</div>
<div class="form-group">
<label for="sort1">Сортировка</label>
<input type="number" class="form-control" id="sort1" name="sort" min=1 max=100 placeholder="Введите число от 1 до 100">
</div>
<div class="form-group">
<label for="check1">Архив</label>
<input type="checkbox" class="form-control" name="archived" id="check1">
</div>
<div class="form-group">
<label for="image1">image</label>
<input type="file" class="form-control" name="image" id="image1">
</div>
<div class="form-group">
<label for="instructor_image">instructor_page_image</label>
<input type="file" class="form-control" name="instructor_page_image" id="instructor_image">
</div>
<div class="form-group">
<label for="popular">Популярность</label>
<input type="checkbox" class="form-control" name="popular" id="popular">
</div>
<div class="form-group">
<label for="director1">Директор</label>
<select class="form-control" name="director" id="director1">
</select>
</div>
</form>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Есть вопрос, полный 0 в JavaScriptЕсть данные передаваемые от сервера в виде строк разбитых на "\n"
Примитивный пример: Есть скрипт с алертом, подключенный вот так <script src="jsjs" defer></script> с defer