Форум программистов, компьютерный форум, киберфорум
Наши страницы

JavaScript

Войти
Регистрация
Восстановить пароль
 
tramp_1-3
14 / 14 / 2
Регистрация: 13.10.2012
Сообщений: 447
#1

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

02.01.2015, 06:48. Просмотров 289. Ответов 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
Добрый день Я приведу код ниже. Подскажите почему открывается пустая страница? КОД: &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; ...

Объясните, почему с этим кодом страница загружается без конца? - JavaScript
Здравствуйте! Скажите пожалуйста, почему JavaScript с таким кодом, страница загружает постоянно: var i = 1, a = 64; while(i != 0){ ...

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

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

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

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

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

почему не показывается результат? - Matlab
что-то совсем не то оно мне показывает...поможете?))

Почему показывается ошибка MySql server has gone away - PHP БД
Здравствуйте! Подскажите пожалуйста, почему возникает ошибка MySql server has gone away Гуглил, поставил в my.ini ...

Почему шапка на основе скрипта показывается только на главной странице - HTML, CSS
Здравствуйте всем! Мне нужна помошь я не могу понять почему шапка на основе скрипта показывается только на главной странице, а при...


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

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

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