ArtMavir
@ArtMavir

Как подставить в форму данные полученные из ajax запроса?

Получаю объект от сервера с данными о пользователе.
<script>
		function editUser(id) {
			$.ajax({
				type: 'POST',
				url: '/frontend/users_admin/edit',
				data: "id=" + id,
				dataType: 'json',
				success: function(data){
					
				}
			});
		}
	</script>


Есть форма.
<form role="form">
	<div class="form-group">
		<label for="login">Login</label>
		<input type="text" class="form-control" id="loginEdit" name="login" placeholder="Enter login">
	</div>
	<div class="form-group">
		<label for="exampleInputPassword1">Email</label>
		<input type="email" class="form-control" id="emailEdit" name="email" placeholder="Enter email">
	</div>
	<div class="form-group">
		<label for="exampleInputPassword1">Password</label>
		<input type="password" class="form-control" id="passwordEdit" name ="password" placeholder="Password">
	</div>
</form>


Как подставить элементы из полученного объекта в input формы?

Структура ответа.2014-10-01_23-26-00.png
(Картинка видна при открытии в новой вкладке. Тостер режет размер.)
  • Вопрос задан
  • 2690 просмотров
Решения вопроса 1
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
HTML
<form name="myname" action="" role="form">
...
</form>


JS
$.ajax({
	url: '/frontend/users_admin/edit',
	data: 'id=' + id,
	type: 'post',
	dataType: 'json'
}).done(function (data) {
	for (var list = Object.keys(data), i = list.length, form = document.myname; i--;) {
		if (form[list[i]]) {
			form[list[i]].value = data[list[i]];
		}
	}
}).fail(function (error) {
	console.log(error);
});

Это при условии, что с сервера приходит объект.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы