Этот код создаёт форму для ввода БИК банка и с помощью AJAX-запроса через PHP-прокси получает и отображает подробную информацию о банке из API DaData в виде таблицы.
| Код |
|---|
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Поиск банка по БИК</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h2>Введите БИК банка</h2>
<form id="bankForm">
<input type="text" id="bankId" placeholder="Например: 044525225" required>
<button type="submit">Найти банк</button>
</form>
<table id="resultTable" border="1" style="margin-top: 20px;">
<thead>
<tr>
<th>Параметр</th>
<th>Значение</th>
</tr>
</thead>
<tbody></tbody>
</table>
<script>
$(document).ready(function() {
$('#bankForm').on('submit', function(e) {
e.preventDefault();
const bic = $('#bankId').val();
$.ajax({
url: 'ajax/dada.php',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify({ query: bic }),
success: function(res) {
const tbody = $('#resultTable tbody').empty();
if (res.suggestions?.length) {
const data = res.suggestions[0].data;
const rows = [
['Наименование', data.name?.payment || '—'],
['БИК', data.bic || '—'],
['SWIFT', data.swift || '—'],
['ИНН', data.inn || '—'],
['КПП', data.kpp || '—'],
['Рег. номер', data.registration_number || '—'],
['Корсчёт', data.correspondent_account || '—'],
['Город', data.payment_city || '—'],
['Тип', data.opf?.type || '—'],
['Адрес', data.address?.value || '—'],
['Статус', data.state?.status || '—']
];
rows.forEach(([label, value]) => {
tbody.append(`<tr><td>${label}</td><td>${value}</td></tr>`);
});
} else {
tbody.append('<tr><td colspan="2">Банк не найден</td></tr>');
}
},
error: () => {
$('#resultTable tbody').empty().append('<tr><td colspan="2">Ошибка загрузки данных</td></tr>');
}
});
});
});
</script>
</body>
</html> |
