Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему-то не работает ajax на странице / 7 сообщений из 7, страница 1 из 1
08.04.2013, 19:58
    #38217879
moskov199
moskov199
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему-то не работает ajax на странице
Код: 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, 20:03
    #38217886
moskov199
moskov199
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему-то не работает ajax на странице
почему-то в блоке ни чего не выводится((
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.04.2013, 20:20
    #38217907
Малыхин Сергей
Малыхин Сергей
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему-то не работает ajax на странице
document.getElementById('loading'); на странице элемент с id 'loading' не замечен следовательно == null
Но в innerHTML вроде только строки передавать можно проверять лень =)

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


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