jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

beautify html

Browse source
This commit is contained in:
Ilya Kantor 2015-03-09 19:02:13 +03:00
parent ecf1478e7e
commit 5342f628da
354 changed files with 13965 additions and 9486 deletions
Download patch file Download diff file Expand all files Collapse all files

61
4-ajax/3-ajax-xmlhttprequest/1-phones-list/phones-async.view/index.html
View file

@ -1,38 +1,43 @@
<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"></head>
<head>
<meta charset="utf-8">
</head>
<body>
<button onclick="loadPhones()" id="button">Загрузить phones.json!</button>
<button onclick="loadPhones()" id="button">Загрузить phones.json!</button>
<script>
function loadPhones() {
<script>
function loadPhones() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'phones.json', true);
xhr.onreadystatechange = function() {
if (xhr.readyState != 4) return;
button.innerHTML = 'Готово!';
var xhr = new XMLHttpRequest();
if (xhr.status != 200) {
// обработать ошибку
alert(xhr.status + ': ' + xhr.statusText);
} else {
// вывести результат
alert(xhr.responseText);
xhr.open('GET', 'phones.json', true);
xhr.onreadystatechange = function() {
if (xhr.readyState != 4) return;
button.innerHTML = 'Готово!';
if (xhr.status != 200) {
// обработать ошибку
alert(xhr.status + ': ' + xhr.statusText);
} else {
// вывести результат
alert(xhr.responseText);
}
}
xhr.send();
button.innerHTML = 'Загружаю...';
button.disabled = true;
}
}
xhr.send();
button.innerHTML = 'Загружаю...';
button.disabled = true;
}
</script>
</script>
</body>
</html>
</html>

81
4-ajax/3-ajax-xmlhttprequest/1-phones-list/phones-list.view/index.html
View file

@ -1,53 +1,58 @@
<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"></head>
<head>
<meta charset="utf-8">
</head>
<body>
<button onclick="loadPhones()" id="button">Загрузить phones.json!</button>
<button onclick="loadPhones()" id="button">Загрузить phones.json!</button>
<ul id="list"></ul>
<ul id="list"></ul>
<script>
function loadPhones() {
<script>
function loadPhones() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'phones.json', true);
xhr.onreadystatechange = function() {
if (xhr.readyState != 4) return;
button.parentNode.removeChild(button);
var xhr = new XMLHttpRequest();
xhr.open('GET', 'phones.json', true);
xhr.onreadystatechange = function() {
if (xhr.readyState != 4) return;
button.parentNode.removeChild(button);
if (xhr.status != 200) {
// обработать ошибку
alert(xhr.status + ': ' + xhr.statusText);
} else {
try {
var phones = JSON.parse(xhr.responseText);
} catch (e) {
alert("Некорректный ответ " + e.message);
}
showPhones(phones);
}
if (xhr.status != 200) {
// обработать ошибку
alert(xhr.status + ': ' + xhr.statusText);
} else {
try {
var phones = JSON.parse(xhr.responseText);
} catch(e) {
alert("Некорректный ответ " + e.message);
}
showPhones(phones);
xhr.send();
button.innerHTML = 'Загружаю...';
button.disabled = true;
}
}
xhr.send();
function showPhones(phones) {
button.innerHTML = 'Загружаю...';
button.disabled = true;
}
phones.forEach(function(phone) {
var li = list.appendChild(document.createElement('li'));
li.innerHTML = phone.name;
});
function showPhones(phones) {
phones.forEach(function(phone) {
var li = list.appendChild(document.createElement('li'));
li.innerHTML = phone.name;
});
}
</script>
}
</script>
</body>
</html>
</html>

59
4-ajax/3-ajax-xmlhttprequest/phones-async.view/index.html
View file

@ -1,40 +1,45 @@
<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"></head>
<head>
<meta charset="utf-8">
</head>
<body>
<button onclick="loadPhones()" id="button">Загрузить phones.json!</button>
<button onclick="loadPhones()" id="button">Загрузить phones.json!</button>
<script>
function loadPhones() {
<script>
function loadPhones() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'phones.json', true);
var xhr = new XMLHttpRequest();
xhr.open('GET', 'phones.json', true);
xhr.send();
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState != 4) return;
button.innerHTML = 'Готово!';
if (xhr.status != 200) {
// обработать ошибку
alert(xhr.status + ': ' + xhr.statusText);
} else {
// вывести результат
alert(xhr.responseText);
xhr.onreadystatechange = function() {
if (xhr.readyState != 4) return;
button.innerHTML = 'Готово!';
if (xhr.status != 200) {
// обработать ошибку
alert(xhr.status + ': ' + xhr.statusText);
} else {
// вывести результат
alert(xhr.responseText);
}
}
button.innerHTML = 'Загружаю...';
button.disabled = true;
}
}
button.innerHTML = 'Загружаю...';
button.disabled = true;
}
</script>
</script>
</body>
</html>
</html>

39
4-ajax/3-ajax-xmlhttprequest/phones.view/index.html
View file

@ -1,26 +1,31 @@
<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"></head>
<head>
<meta charset="utf-8">
</head>
<body>
<button onclick="loadPhones()">Загрузить phones.json!</button>
<button onclick="loadPhones()">Загрузить phones.json!</button>
<script>
function loadPhones() {
var xhr = new XMLHttpRequest();
<script>
function loadPhones() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'phones.json', false);
xhr.send();
xhr.open('GET', 'phones.json', false);
xhr.send();
if (xhr.status != 200) {
// обработать ошибку
alert('Ошибка ' + xhr.status + ': ' + xhr.statusText);
} else {
// вывести результат
alert(xhr.responseText);
}
}
</script>
if (xhr.status != 200) {
// обработать ошибку
alert('Ошибка ' + xhr.status + ': ' + xhr.statusText);
} else {
// вывести результат
alert(xhr.responseText);
}
}
</script>
</body>
</html>
</html>

49
4-ajax/3-ajax-xmlhttprequest/readystate.view/index.html
View file

@ -1,33 +1,38 @@
<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"></head>
<head>
<meta charset="utf-8">
</head>
<body>
<button onclick="run()">Загрузить digits</button>
<button onclick="run()">Загрузить digits</button>
<ul id="log"></ul>
<ul id="log"></ul>
<script>
function run() {
<script>
function run() {
var xhr = new XMLHttpRequest();
write(xhr.readyState);
xhr.open('GET', 'digits', true);
write(xhr.readyState);
xhr.onreadystatechange = function() {
write(xhr.readyState + " получено символов:" + xhr.responseText.length);
};
var xhr = new XMLHttpRequest();
write(xhr.readyState);
xhr.send();
}
xhr.open('GET', 'digits', true);
write(xhr.readyState);
function write(text) {
var li = log.appendChild(document.createElement('li'));
li.innerHTML = text;
}
</script>
xhr.onreadystatechange = function() {
write(xhr.readyState + " получено символов:" + xhr.responseText.length);
};
xhr.send();
}
function write(text) {
var li = log.appendChild(document.createElement('li'));
li.innerHTML = text;
}
</script>
</body>
</html>
</html>