Update полученных данных (AJAX) JQUERY

178
14 марта 2017, 15:11

Здравствуйте. Только начал изучение 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>

READ ALSO
Вывод js на сайты кэширование

Вывод js на сайты кэширование

Доброго времени суток друзьяНе знаю как побороть кэширование

181
Перевести строки разбитые &ldquo;\n&rdquo; в массив [требует правки]

Перевести строки разбитые “\n” в массив [требует правки]

Есть вопрос, полный 0 в JavaScriptЕсть данные передаваемые от сервера в виде строк разбитых на "\n"

149
Почему defer не работает?

Почему defer не работает?

Примитивный пример: Есть скрипт с алертом, подключенный вот так <script src="jsjs" defer></script> с defer

298