ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему-то не работает ajax на странице
7 сообщений из 7, страница 1 из 1
Почему-то не работает ajax на странице
    #38217879
moskov199
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
moskov199
Гость
Код: html
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.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Ф</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="javascript/ajax_js.js"></script>
<script type="text/javascript" src="javascript/jquery-1.9.1.js"></script>
</head>
<body>
<div id="container">
    <div id="header"></div>
    <div class="nav"><ul><li><a href="index.php">Главная</a></li><li><a href='#' onClick="showContent('page1.html')">Статьи</a></li><li><a href="index.php">Новости</a></li><li><a href="index.php">Контакты</a></li><li><a href="index.php">Форум</a></li></ul></div>
    
	<div id="outer">
<div id="inner">
			<div id="left">
            <p>Вход</p>
            <div id="form">
           
           <form>
             <input type="text" name="e-mail" value="E-mail" id="text"/>
             <input type="password" name="parol" value="password" id="password"/>
             <input type="submit" name="submit"  value="Отправить" id="submit"/>
           </form>
           <div class="linkregistry"><a href="registry.php">Регистрация</a></div>
           </div>
                
                
  </div>
			
			<div id="center">
		    </div>
			<div id="end"></div>
		</div>
	</div>
    <div id="footer"><p>Copyright 2013 by </p></div> 
    
</div>
</body>
</html>


[color=red]ajax_js.js[/color]
function showContent(link) {
	    

		var cont = document.getElementById('center');
		var loading = document.getElementById('loading');

		cont.innerHTML = loading.innerHTML;

		var http = createRequestObject();					// создаем ajax-объект
		if( http ) {
			http.open('get', link);							// инициируем загрузку страницы
			http.onreadystatechange = function () {			// назначаем асинхронный обработчик события
				if(http.readyState == 4) {
					cont.innerHTML = http.responseText;		// присваиваем содержимое
				}
			}
			http.send(null);    
		} else {
			document.location = link;	// если ajax-объект не удается создать, просто перенаправляем на адрес
		}
	}

	// создание ajax объекта
	function createRequestObject() {
		try { return new XMLHttpRequest() }
		catch(e) {
			try { return new ActiveXObject('Msxml2.XMLHTTP') }
			catch(e) {
				try { return new ActiveXObject('Microsoft.XMLHTTP') }
				catch(e) { return null; }
			}
		}
	}
	


почему не работает подгрузка страницы в блок div=''center'' когда жмешь на ссылку????
Хотя вот этот пример ниже работает. Я в этом еще новичок)) если не сложно подскажите))




<html>
<head>
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">
<script>
	function showContent(link) {

		var cont = document.getElementById('contentBody');
		var loading = document.getElementById('loading');

		cont.innerHTML = loading.innerHTML;

		var http = createRequestObject();					// создаем ajax-объект
		if( http ) {
			http.open('get', link);							// инициируем загрузку страницы
			http.onreadystatechange = function () {			// назначаем асинхронный обработчик события
				if(http.readyState == 4) {
					cont.innerHTML = http.responseText;		// присваиваем содержимое
				}
			}
			http.send(null);    
		} else {
			document.location = link;	// если ajax-объект не удается создать, просто перенаправляем на адрес
		}
	}

	// создание ajax объекта
	function createRequestObject() {
		try { return new XMLHttpRequest() }
		catch(e) {
			try { return new ActiveXObject('Msxml2.XMLHTTP') }
			catch(e) {
				try { return new ActiveXObject('Microsoft.XMLHTTP') }
				catch(e) { return null; }
			}
		}
	}
</script>
</head>

<body>

	<p>Какую страницу желаете открыть?</p>
	
	<form>
		<input onclick="showContent('page1.html')" type="button" value="Страница 1"> <input onclick="showContent('page2.html')" type="button" value="Страница 2">
	</form>
	
	<div id="contentBody">
	</div>

	<div id="loading" style="display: none">
	Идет загрузка...
	</div>
	
</body>
</html>


Модератор: В дальнейшем код без форматирования будет удаляться.
[IDV]
...
Рейтинг: 0 / 0
08.04.2013, 19:58
| Ответить | Цитировать | Написать  
Почему-то не работает ajax на странице
    #38217886
moskov199
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
moskov199
Гость
почему-то в блоке ни чего не выводится((
...
Рейтинг: 0 / 0
08.04.2013, 20:03
| Ответить | Цитировать | Написать  
Почему-то не работает ajax на странице
    #38217907
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
document.getElementById('loading'); на странице элемент с id 'loading' не замечен следовательно == null
Но в innerHTML вроде только строки передавать можно проверять лень =)

Для оформления исходного кода лучше всего использовать [ SRC HTML ][ /SRC ] =)
...
Рейтинг: 0 / 0
08.04.2013, 20:20
| Ответить | Цитировать | Написать  
Почему-то не работает ajax на странице
    #38217921
moskov199
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
moskov199
Гость
Малыхин Сергей, ок)) попробуем))
...
Рейтинг: 0 / 0
08.04.2013, 20:32
| Ответить | Цитировать | Написать  
Почему-то не работает ajax на странице
    #38217924
moskov199
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
moskov199
Гость
moskov199, СПАСИБО я даже не заметил((
...
Рейтинг: 0 / 0
08.04.2013, 20:34
| Ответить | Цитировать | Написать  
Почему-то не работает ajax на странице
    #38217934
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
какой смысл использовать XMLHttpRequest, если подключен jQuery?
...
Рейтинг: 0 / 0
08.04.2013, 20:48
| Ответить | Цитировать | Написать  
Почему-то не работает ajax на странице
    #38218100
mhx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mhx
Гость
А вдруг первый не сработает? :-p
...
Рейтинг: 0 / 0
09.04.2013, 07:04
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему-то не работает ajax на странице
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38217879&tid=1448470]:
 0ms
get settings:
 7ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 155ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 45ms
get tp. blocked users:
 1ms
others: 236ms
total:  477ms
созд. / загр.: 477ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]