zorro76
@zorro76

Что здесь не правильно?

Есть ajax запрос, получаю данные с сервера, теперь нужно что бы полученные данные автоматически записывались в форму. Написал что-то вот такое:
$.ajax({
	url: 'https://randomuser.me/api/',
	dataType : "json",
	success: function (data) {
		function populate(frm, data) {
			$.each(data, function(key, value){
				$('#'+key, frm).val(value);
			});
		}

		console.log(data);
	}
});
populate('form', $.parseJSON(data));

Запрос с сервера показывает, данные получаю, но в форму не записываются ключи. Что не так в функции success: function (data) {}

форма
<!DOCTYPE html>
<html>
	<head>
		<title>FE-Course. Part 3 | Registration form</title>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/style.css">
	</head>
	<body>
		<header class="container">
			<h1 class="text-center">Registration form</h1>
		</header>
		<section class="container">
			<form name="registration" class="form-horizontal" data-toggle="validator">
				<div class="form-group required">
					<legend class="col-sm-12">Registration info</legend>
				    <div class="col-sm-6">
				      <input type="text" class="form-control" id="name" placeholder="Full Name" required>
				    </div>
				    <div class="col-sm-6">
				      <input type="text" class="form-control" id="login" placeholder="Login" required>
				    </div>
				</div>
				<div class="form-group">
				    <div class="col-sm-6">
				      <input type="email" class="form-control" id="email1" placeholder="Email" required>
				    </div>
				    <div class="col-sm-6">
				      <input type="email" class="form-control" id="email2" placeholder="Confirm Email" required>
				    </div>
				</div>
				<div class="form-group">
				    <div class="col-sm-6">
				      <input type="password" class="form-control" id="password1" placeholder="Password" required>
				    </div>
				    <div class="col-sm-6">
				      <input type="password" class="form-control" id="password2" placeholder="Confirm Password" required>
				    </div>
				</div>
				<fieldset>
					<legend>Address</legend>
					<div class="form-group">
					    <div class="col-sm-10">
					      <input type="text" class="form-control" id="city" placeholder="City" required>
					    </div>
					    <div class="col-sm-2">
					      <input type="text" class="form-control" id="zip" placeholder="ZIP Code">
					    </div>
					</div>
					<div class="form-group">
						<div class="col-sm-5">
							<select class="form-control" id="state" name="state">
							  <option value="_none">Select State</option>
							  <option value="value1">State 1</option> 
							  <option value="value2">State 2</option>
							  <option value="value3">State 3</option>
							</select>
						</div>
						<div class="col-sm-5">
					      <input type="text" class="form-control" id="street" placeholder="Street">
					    </div>
					    <div class="col-sm-2">
					      <input type="text" class="form-control" id="building" placeholder="Building">
					    </div>
					</div>
				</fieldset>
				<fieldset>
					<legend>Your Hobbies</legend>
					<div class="form-group">
						<div class="checkbox col-sm-3">
						    <label>
						      <input type="checkbox"> Music
						    </label>
						</div>
						<div class="checkbox col-sm-3">
						    <label>
						      <input type="checkbox"> Cycling
						    </label>
						</div>
						<div class="checkbox col-sm-3">
						    <label>
						      <input type="checkbox"> Front End
						    </label>
						</div>
						<div class="checkbox col-sm-3">
						    <label>
						      <input type="checkbox"> Girls
						    </label>
						</div>
					</div>
				</fieldset>
				<div class="form-group">
				    <div class="col-sm-12">
				    	<legend>How did you hear about us?</legend>
				      	<select class="form-control" id="about">
						  <option value="_none">Select Please</option>
						  <option value="value1">Google</option> 
						  <option value="value2">Friends</option>
						  <option value="value3">Newspapers</option>
						</select>
				    </div>
				</div>
				<button class="btn btn-primary btn-lg center-block" type="submit">Register Profile</button>
			</form>
		</section>
		<script src="jquery-2.1.3.min.js"></script>
		<script src="main.js"></script>
	</body>
</html>
  • Вопрос задан
  • 319 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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