HTML и AJAX

@PaFanja · Регистрация: 08.09.2015

Студворк — интернет-сервис помощи студентам

Вообщем, столкнулся со след. проблемой. При попытке загрузки контента по ссылке с помощью AJAX с файла page1.html(в нем есть только section с информацией) в основной файл pageMain.html (загружаю инфу тоже в section), ничего не происходит. Не могу найти причину (хотя все же думаю на скрипт, но так как JQuery не знаю проверить это точно не могу). Делал все по аналогии как тут http://igor-26yu.narod.ru/ajaxlinki/index5.html, только вместо div использую section
Код pageMain

Кликните здесь для просмотра всего текста

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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href = "stylesheet.css"
/>
 <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script> 
 
<script type="text/javascript">
    $( function ready() {
 
 $('#p1').click( function(eventObject) 
 {eventObject.preventDefault();$('#outInfo').load( "page1.html #Info1");});
 $('#p2').click( function(eventObject) 
 {eventObject.preventDefault();$('#outInfo').load( "page2.html #Info2");} );
 });//END
</script>
 
<title>
My First Page
</title>
</head>
<body>
<!--Голова страницы-->
<header>
Информация в header
</header>
<!--навигация-->
<navi>
<a href="" id = "p1">Info 1</a><br>
<a href="" id = "p2">Info2</a><br>
</navi>
<!-- section для вывода -->
<section id="outInfo">
?
</section>
</body>
</html>

Код page1.html

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
<section id="Info1">
 
<article>
Info number 1
</article>
</section>

@Unick · 09.09.2015, 00:47

Сообщение от PaFanja

не знаю проверить это точно не могу

все можете, откройте консоль и посмотрите ошибки
ctrl+shift+i
А в хроме во вкладке network можно посмотреть, улетел ли запрос и что он вернул (да и в других браузерах как-то можно глянуть)

@BANO · 09.09.2015, 01:01

Unick, я обычно f12 использую, это точно во всех браузерах работает

@Unick · 09.09.2015, 01:23

Не по теме:

Сообщение от BANO

Unick, я обычно f12 использую, это точно во всех браузерах работает

ну если на винде, то да) попробуй на маке f12)) там только cmd+alt+i

@BANO · 09.09.2015, 14:44

Не по теме:

Unick, я ну unix системах вообще мало работал

можно в контекстном меню нажать посмотреть код элемента(исследовать элемент, изучить ...)

Добавлено через 15 секунд

Не по теме:

Unick, я ну unix системах вообще мало работал

можно в контекстном меню нажать посмотреть код элемента(исследовать элемент, изучить ...)

@ChikaNaPripeve · 09.09.2015, 17:41

необходимо не load использовать , советую clear().append(переменная,страница);
а вообще у вас не вижу тут ajax запроса.

@Programmer_ · 09.09.2015, 21:03

index.html

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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href = "stylesheet.css"/>
 <!--script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script-->
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script type="text/javascript">
    /*$( function ready() {
 
 $('#p1').click( function(eventObject) 
 {eventObject.preventDefault();$('#outInfo').load( "page1.html #Info1");});
 $('#p2').click( function(eventObject) 
 {eventObject.preventDefault();$('#outInfo').load( "page1.html #Info2");} );
 });*/
 
 
 $(document).ready(function(){
        $('.ajaxNav a').on('click' , function(e){
            e.preventDefault();
            var href = $(this).attr('href');
                if(href.indexOf('#') != -1){
                    var uriArr = href.split('#') ,
                    str = uriArr[0] + ' #' + uriArr[1];                 
                      $('#outInfo').load( str.toString() ); 
                
                }
            
        });
 });
 
</script>
 
<title>
My First Page
</title>
</head>
<body>
<!--Голова страницы-->
<header>
Информация в header
</header>
<!--навигация-->
<nav class="ajaxNav">
<a href="page1.html#Info1" id = "p1">Info 1</a><br>
<a href="page1.html#Info2" id = "p2">Info2</a><br>
<a href="page1.html" id = "p2">Info2</a><br>
</nav>
<!-- section для вывода -->
<section id="outInfo">
?
</section>
</body>
</html>

page1.html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<section id="Info1">
 
<article>
Info number 1
</article>
</section>
 
<section id="Info2">
 
<article>
Info number 2
</article>
</section>

Работает.
P.S. Эт не совсем AJAX ))
http://api.jquery.com/jquery.ajax/

@BANO · 09.09.2015, 23:03

Сообщение от Programmer_

P.S. Эт не совсем AJAX ))

это аякс, просто обёрнутый

@Programmer_ · 10.09.2015, 00:06

Сообщение от BANO

это аякс, просто обёрнутый

Ну я не в том смысле ))) Видимо не так выразился )

Новые блоги и статьи Все статьи Все блоги /
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	09.09.2015, 01:01
	Unick, я обычно f12 использую, это точно во всех браузерах работает 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	09.09.2015, 14:44
	Не по теме: Unick, я ну unix системах вообще мало работал можно в контекстном меню нажать посмотреть код элемента(исследовать элемент, изучить ...) Добавлено через 15 секунд Не по теме: Unick, я ну unix системах вообще мало работал можно в контекстном меню нажать посмотреть код элемента(исследовать элемент, изучить ...) 0

@ChikaNaPripeve 2 / 2 / 0 Регистрация: 18.04.2013 Сообщений: 50
	09.09.2015, 17:41
	необходимо не load использовать , советую clear().append(переменная,страница); а вообще у вас не вижу тут ajax запроса. 0