JavaScript. Подробное руководство, 6-е издание, стр. 11

 payment.innerHTML = ""; 

<b>    // Стереть содержимое этих элементов total.innerHTML = totalinterest.innerHTML = &quot;&quot;;</b>

 chart(); // При вызове без аргументов очищает диаграмму

 }

}

<b>// Сохранить ввод пользователя в свойствах объекта localStorage. Значения этих свойств </b>

<b>// будут доступны при повторном посещении страницы. В некоторых броузерах (например.</b>

<b>// в Firefox) возможность сохранения не поддерживается, если страница открывается</b>

<b>// с адресом URL вида file://. Однако она поддерживается при открытии страницы через HTTP.</b>

function save(amount, apr, years, zipcode) {

 if (window.localStorage) { // Выполнить сохранение, если поддерживается 

 localStorage.loan_amount = amount; 

 localStorage.loan_apr = apr; 

 localStorage.loan_years = years; 

 localStorage.loan_zipcode = zipcode;

 }

}

<b>// Автоматически восстановить поля ввода при загрузке документа, </b>

window.onload = function() {

<b>  // Если броузер поддерживает localStorage и имеются сохраненные данные </b>

 if (window.localStorage && localStorage.loan_amount) {

 document.getElementById("amount").value = localStorage.loan_amount;

 document.getElementById("apr").value = localStorage.loan_apr;

 document.getElementById("years").value = localStorage.loan_years;

 document.getElementById("zipcode").value = localStorage.loan_zipcode;

 }

};

<b>// Передать ввод пользователя серверному сценарию, который может (теоретически) возвращать </b>

<b>// список ссылок на сайты местных кредитных учреждений, готовых предоставить кредит.</b>

<b>// Данный пример не включает фактическую реализацию такого сценария поиска кредитных </b>

<b>// учреждений. Но если такой сценарий уже имеется, данная функция могла бы работать с ним. </b>

function getLenders(amount, apr, years, zipcode) {

<b>  // Если броузер не поддерживает объект XMLHttpRequest, не делать ничего </b>

 if (!window.XMLHttpRequest) return;

<b>  // Отыскать элемент для отображения списка кредитных учреждений </b>

 var ad = document.getElementById("lenders”);

 if (!ad) return; // Выйти, если элемент отсутствует

<b>  // Преобразовать ввод пользователя в параметры запроса в строке URL </b>

 var url = "getLenders.php" + // Адрес URL службы плюс

 "?amt=" + encodeURIComponent(amount) + // данные пользователя 

 "&apr=" + encodeURIComponent(apr) + //в строке запроса

 "&yrs=" + encodeURIComponent(years) +

 "&zip=" + encodeURIComponent(zipcode);

<b>  // Получить содержимое по заданному адресу URL с помощью XMLHttpRequest</b>

 var req = new XMLHttpRequest(); // Создать новый запрос

 req.open("GET", url); // Указать тип запроса HTTP GET для url

 req.send(null); // Отправить запрос без тела

<b>  // Перед возвратом зарегистрировать обработчик события, который будет вызываться </b>

<b>  // при получении HTTP-ответа от сервера. Такой прием асинхронного программирования </b>

 // является довольно обычным в клиентском JavaScript, 

 req.onreadystatechange = function() {

 if (req.readyState == 4 && req.status == 200) {

<b>      // Если мы попали сюда, следовательно, был получен корректный НТТР-ответ </b>

 var response = req.responseText; // HTTP-ответ в виде строки

 var lenders = JSON.parse(response); // Преобразовать в JS-массив

 // Преобразовать массив объектов lender в HTML-строку 

 var list = "";

 for(var і = 0; і < lenders.length; i++) {

 list += "<li><a href=' " + lenders[i].url + " '>"+

 lenders[i].name + "</a>";

 }