Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
tramp_1-3
14 / 14 / 1
Регистрация: 13.10.2012
Сообщений: 447
#1

Почему страница показывается неполностью?

02.01.2015, 06:48. Просмотров 895. Ответов 4
Метки нет (Все метки)

Только начал изучать HTML с нуля. на сайте w3schools есть замечательный сквозной пример. по отдельности у меня всё получается, но вот решил на одну страницу засунуть обработку AJAX и JSON, в итоге показывается только JSON результат.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
<head>
    <title>Our company</title>
    <link href="Site.css" rel="stylesheet">
</head>
<body>
 
<nav id="nav01"></nav>
 
<div id="main">
<h1>Customers</h1>
<p>AJAX</p>
<div id = "id01"></div>
<p>JSON</p>
<div id = "id02"></div>
<footer id="foot01"></footer>
</div>
 
<script>
var xmlhttp = new XMLHttpRequest();
var url = "http://www.w3schools.com/website/Customers_HTML.php";
 
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        document.getElementById("id01").innerHTML = 
        xmlhttp.responseText;
    }
}
xmlhttp.open("GET", url, true);
xmlhttp.send();
</script>
 
<script src="Script.js"></script>
 
<script>
var xmlhttp = new XMLHttpRequest();
var url = "http://www.w3schools.com/website/Customers_JSON.php";
 
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        myFunction(xmlhttp.responseText);
    }
}
 xmlhttp.open("GET", url, true);
xmlhttp.send();
 
function myFunction(response) {
    var arr = JSON.parse(response);
    var i;
    var out = "<table><tr><th>Name</th><th>City</th><th>Country</th></tr>";
 
    for(i = 0; i < arr.length; i++) {
        out += "<tr><td>" + 
        arr[i].Name +
        "</td><td>" +
        arr[i].City +
        "</td><td>" +
        arr[i].Country +
        "</td></tr>";
    }
 
    out += "</table>"
    document.getElementById("id02").innerHTML = out;
}
</script>
</body>
</html>
Вкладка Customers
https://yadi.sk/d/MGuXSAv0dk4VH
0
Миниатюры
Почему страница показывается неполностью?  
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
02.01.2015, 06:48
Ответы с готовыми решениями:

Почему открывается пустая страница?
Добрый день Я приведу код ниже. Подскажите почему открывается пустая...

Объясните, почему с этим кодом страница загружается без конца?
Здравствуйте! Скажите пожалуйста, почему JavaScript с таким кодом, страница...

Не показывается javascript в html
Чтобы отображалось время в html... В чем ошибка кода? Надо мне чтобы js...

На разных компьютерах по-разному показывается картинка
есть картинка которую я вывожу на экран... в режиме фона для таблицы... дабы...

Ничего не показывается, белая страница
есть простая форма входа login.js Ext.onReady(function(){ /* * ...

4
tramp_1-3
14 / 14 / 1
Регистрация: 13.10.2012
Сообщений: 447
02.01.2015, 09:44  [ТС] #2
Оказывается, нужно было, чтобы в двух скриптах переменные назывались по-разному (конкретно - XMLHttpRequest). наверное, значения не очищаются при выходе и всё такое. где о таких вещах можно поподробнее почитать?
0
whiteapps
408 / 373 / 220
Регистрация: 18.07.2014
Сообщений: 1,258
02.01.2015, 12:03 #3
tramp_1-3,
гуглите js область видимости
0
tramp_1-3
14 / 14 / 1
Регистрация: 13.10.2012
Сообщений: 447
02.01.2015, 12:32  [ТС] #4
whiteapps, я понимаю, что видимость должна быть локальной. но на деле что-то непонятное происходит. переименовал переменную в первом скрипте и всё заработало.
0
whiteapps
408 / 373 / 220
Регистрация: 18.07.2014
Сообщений: 1,258
02.01.2015, 13:33 #5
Лучший ответ Сообщение было отмечено tramp_1-3 как решение

Решение

tramp_1-3, нет, вы не понимаете

в обоих случая, xmlhttp - глобальная
Javascript
1
var xmlhttp = new XMLHttpRequest();
область видимости в js определяется только ф-цией (в ecmascript 6 будет еще block scope, но пока об этом рано думать)

все остальное - глобальная ОВ

Добавлено через 8 минут
tramp_1-3, вообще в подобных случая, можно использовать замыкания

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
(function() {
var xmlhttp = new XMLHttpRequest();
var url = "http://www.w3schools.com/website/Customers_HTML.php";
 
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        document.getElementById("id01").innerHTML = 
        xmlhttp.responseText;
    }
}
xmlhttp.open("GET", url, true);
xmlhttp.send();
})()
 
 
(function() {
var xmlhttp = new XMLHttpRequest();
var url = "http://www.w3schools.com/website/Customers_JSON.php";
 
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        myFunction(xmlhttp.responseText);
    }
}
 xmlhttp.open("GET", url, true);
xmlhttp.send();
 
function myFunction(response) {
    var arr = JSON.parse(response);
    var i;
    var out = "<table><tr><th>Name</th><th>City</th><th>Country</th></tr>";
 
    for(i = 0; i < arr.length; i++) {
        out += "<tr><td>" + 
        arr[i].Name +
        "</td><td>" +
        arr[i].City +
        "</td><td>" +
        arr[i].Country +
        "</td></tr>";
    }
 
    out += "</table>"
    document.getElementById("id02").innerHTML = out;
}
})()
1
02.01.2015, 13:33
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
02.01.2015, 13:33

при возвращении показывается пустая страница
Как сделать, чтобы не пустая страница показывалась, а еще раз открывалась...

При входе на главную страницу показывается страница с ошибкой 404
Подскажите что это может быть... При входе на главную страницу показывается...

Почему не показывается изображение?
Всем привет! Есть файл, в нем код: &lt;span class=&quot;scon-delete&quot; и т.д Вот стиль:...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru