Почему не подгружается контент?Кнопка "показать еще"

@Вероника99 · Регистрация: 16.12.2013

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

Здравствуйте. Подскажи пожалуйста, почему не работает подгрузка страницы. Мне нужно,чтобы при нажатии на кнопку, подгружался контент,который находится в <div>.На данный момент,выводит кнопку,а сразу за ней слово "Текст",который находится в диве "content".Спасибо

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 <script >
 
$(document).ready(function() {
$('#get_content').click(function() {
$.ajax({
  url: 'pages/page1.php',
  cache: false,
  beforeSend: function() { $('#content').html('Please wait...'); },
  success: function(html) { $('#content').html(html); }
)};
)};
)};
</script>
<a id="get_content" href="#">press on me!</a>
<div id="content">Текст</div>

@n0n4m3r · 26.05.2016, 16:46

Конечно, в JSe не спец, но разве "content" не должен быть "hidden", а JS менять ему visible: true (or smthn like this)?

@Вероника99 · 26.05.2016, 16:53 **[ТС]**

Делала по примеру этой статьи
http://webcoder.kz/podgruzka-k... shchi-ajax
Я тоже не спец в JS, можете пример написания привести?

@СлаваВирус · 26.05.2016, 17:01

А там случаем в примере не говорится о подключении jquery перед этими операциями?)

@Вероника99 · 26.05.2016, 17:09 **[ТС]**

У меня есть подключения jquery

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript" src="../js/jquery-1-4-2.min.js"></script> 
<!--script type="text/javascript" src="../js/jquery-ui-1.7.2.custom.min.js"></script--> 
<script type="text/javascript" src="../js/jquery-ui.min.js"></script> 
<script type="text/javascript" src="../js/showhide.js"></script> 
<script type="text/JavaScript" src="../js/jquery.mousewheel.js"></script> 
 
 
 
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/ddsmoothmenu.js">
 
 
<script type="text/javascript" src="../script.js"></script>
<script type="text/javascript" src="../jquery.js"></script>

@СлаваВирус · 26.05.2016, 17:24

У вас закрывающие скобки местами перепутаны) У вас

JavaScript
1
)};

А надо

JavaScript
1
});

@Вероника99 · 26.05.2016, 17:37 **[ТС]**

А точно,помогло)
Подскажите пожалуйста еще, как сделать так,чтобы оно подгружало только текст, а не всю страницу?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script  >
 
$(document).ready(function() {
$('#get_content').click(function() {
$.ajax({
  url: 'design.php#',
  cache: false,
  beforeSend: function() { $('#content').html('Please wait...'); },
  success: function(html) { $('#content').html(html); }
});
});
});
</script>
<a id="get_content" href="#">press on me!</a>
<div id="content">uyju</div>
</div>

@СлаваВирус · 26.05.2016, 17:46

Сообщение от Вероника99

подгружало только текст, а не всю страницу?

Вместо метода .html() использовать метод .text()

@Вероника99 · 26.05.2016, 18:16 **[ТС]**

Тогда посмотрите пожалуйста,какой правильный синтаксис. Ситуация такая: есть форма поиска тура, сначала вводиться страна,город и т.д,а нажав кнопку "Расширенный поиск",можно вводить дополнительные критерии поиска. Вот как раз эти дополнительные критерии должны находиться в подгружаемом диве content.

PHP
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
<form method="post" action="">
  <p><b>Страна:*</b><br>
   <select size="" name="country" onchange="javascript:selectRegion();" style="width: 300px; border-radius: 5px; height: 35px;">
        <option value=''>-- Страна --</option>
....
<script  >
 
$(document).ready(function() {
$('#get_content').click(function() {
$.ajax({
  url: 'design.php#',
  cache: false,
  beforeSend: function() { $('#content').html('Please wait...'); },
 [B] success: function(html) { $('#content').html(html); }[/B] //как правильно здесь написать,если подгружаются критерии?
});
});
});
</script>
<a id="get_content" href="#">press on me!</a>
<div id="content">
 
<p><b>Отель:</b><br>
<select size="" name="hotel[]" multiple size="4" style='width: 150px; border-radius: 5px;'>
    <option value="0">-- Отель --</option>
<option value="2">2*</option>
<option value="3">3* </option>
<option value="4">4*</option>
<option value="5">5*</option>
</select>
 
 
</div>
</div>

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

Добавлено через 12 минут
И кстати,с таким вариантом:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script  >
 
$(document).ready(function() {
$('#get_content').click(function() {
$.ajax({
  url: 'design.php#',
  cache: false,
  beforeSend: function() { $('#content').html('Please wait...'); },
  success: function(text) { $('#content').text(text); }
});
});
});
</script>
<a id="get_content" href="#">press on me!</a>
<div id="content">uyju</div>
</div>

Изначально на странице есть кнопка пресс ми и слово "текст",а после нажатия на кнопку появляется часть исходного кода страницы.

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 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. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@n0n4m3r 25 / 25 / 15 Регистрация: 12.10.2013 Сообщений: 183
	26.05.2016, 16:46
	Конечно, в JSe не спец, но разве "content" не должен быть "hidden", а JS менять ему visible: true (or smthn like this)? 0

@Вероника99 5 / 5 / 5 Регистрация: 16.12.2013 Сообщений: 463
	26.05.2016, 16:53 [ТС]
	Делала по примеру этой статьи http://webcoder.kz/podgruzka-k... shchi-ajax Я тоже не спец в JS, можете пример написания привести? 0

@СлаваВирус 471 / 399 / 169 Регистрация: 04.01.2013 Сообщений: 1,675
	26.05.2016, 17:01
	А там случаем в примере не говорится о подключении jquery перед этими операциями?) 0