Хотите включить простой уровень проверки данных для страницы ввода адреса? Мы вас прикрыли. Наш API проверки уличных адресов быстро определит, является ли введенный почтовый адрес действительным или недействительным, и вернет широту и долготу адреса (если он действителен). Вот краткий обзор примера ответа JSON:
{ "ValidAddress": true, "Latitude": 0, "Longitude": 0 }
Вы можете использовать этот API бесплатно, зарегистрировав бесплатную учетную запись на нашем веб-сайте, и вы можете легко структурировать вызов API в JavaScript с помощью приведенных ниже примеров кода.
Сначала я продемонстрирую, как вы можете использовать встроенную в JavaScript возможность запроса XHR для вызова этого API. Для этого просто скопируйте следующий фрагмент кода:
var data = JSON.stringify({ "StreetAddress": "<string>", "City": "<string>", "StateOrProvince": "<string>", "PostalCode": "<string>", "CountryFullName": "<string>", "CountryCode": "<string>" }); var xhr = new XMLHttpRequest(); xhr.withCredentials = true; xhr.addEventListener("readystatechange", function() { if(this.readyState === 4) { console.log(this.responseText); } }); xhr.open("POST", "https://api.cloudmersive.com/validate/address/street-address"); xhr.setRequestHeader("Content-Type", "application/json"); xhr.setRequestHeader("Apikey", "YOUR-API-KEY-HERE"); xhr.send(data);
Чтобы вместо этого установить библиотеку jQuery, выполните следующую команду:
bower install jquery
Затем структурируйте вызов API с помощью следующего фрагмента кода:
var settings = { "url": "https://api.cloudmersive.com/validate/address/street-address", "method": "POST", "timeout": 0, "headers": { "Content-Type": "application/json", "Apikey": "YOUR-API-KEY-HERE" }, "data": JSON.stringify({ "StreetAddress": "<string>", "City": "<string>", "StateOrProvince": "<string>", "PostalCode": "<string>", "CountryFullName": "<string>", "CountryCode": "<string>" }), }; $.ajax(settings).done(function (response) { console.log(response); });
Это все, что вам нужно — теперь вы можете легко проверять введенные адреса.