Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/9: Рейтинг темы: голосов - 9, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 27.03.2016
Сообщений: 14

HTML Ajax jQuery

30.04.2016, 01:17. Показов 1858. Ответов 19
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как с помощью ajax добавить информацию именно из txt файла на страницу?
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
    <script type="text/javascript" scr="//ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js">
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Документ без названия</title>
</head>
<body>
<h1>Какая-то информация</h1>
Тут должна быть ссылка (именно ссылка, а не button) кликая по которому информация из txt файла должна отображаться в id="qq"
<p id="qq"></p>
</body>
</html>
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
30.04.2016, 01:17
Ответы с готовыми решениями:

JQuery ajax
Всем привет. Помогите разобраться с такой штукой. Есть код: function requestData() { $.ajax({ url: 'data.php', ...

Изучение JS,AJAX,JQUERY
Вопрос таков я немного не допонимаю, и суть такова: скачал книгу (на скрине ) если я её прочитаю пойму и изучу, я буду знать javascripts...

События Ajax в Jquery
Доброго времени суток. подскажите пожалуйста, в чем я не прав. Имеется код JQuery: $(function() { ...

19
 Аватар для kloks
55 / 55 / 30
Регистрация: 08.05.2012
Сообщений: 162
30.04.2016, 17:00
HTML5
1
2
<a href="#" id="my_link">Нажми на меня</a><br/>
<p id="qq"></p>
JavaScript
1
2
3
4
5
6
7
8
9
10
$('#my_link').click(function (e) {
    e.preventDefault(); // Отменяем действие по умолчанию
    
    $.ajax({
        url: 'filename.txt', // Путь к txt файлу
        success: function (data) {
            $('#qq').html(data);
        }
    });
});
И Jquery поновее подключайте
HTML5
1
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
0
0 / 0 / 0
Регистрация: 27.03.2016
Сообщений: 14
30.04.2016, 17:26  [ТС]
kloks,
на этой строке $("#my_link").click(function(e) {

такая ошибка:
$ is not defined
0
 Аватар для kloks
55 / 55 / 30
Регистрация: 08.05.2012
Сообщений: 162
30.04.2016, 17:36
beha96, подключайте Jquery по этой ссылке
JavaScript
1
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
0
0 / 0 / 0
Регистрация: 27.03.2016
Сообщений: 14
30.04.2016, 18:07  [ТС]
kloks
Вообще ничё не происходит
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
    <script type="text/javascript" scr="//ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js">
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Документ без названия</title>
    $('#my_link').click(function (e) {
    e.preventDefault();    
    $.ajax({
        url: 'filename.txt',
        success: function (data) {
            $('#qq').html(data);
        }
    });
});
</head>
<body>
<h1>Какая-то информация</h1>
<a href="#" id="my_link">Ссылка</a>
<p id="qq"></p>
</body>
</html>
И ещё, в txt файле достаточно того чтобы было тупо текст или что-то там надо добавить?
0
 Аватар для whiteapps
414 / 379 / 220
Регистрация: 18.07.2014
Сообщений: 1,259
01.05.2016, 23:47
beha96, вы пробуете локально, или загрузили все ваши файлы куда-то на сервер?
0
 Аватар для dzendev
181 / 103 / 48
Регистрация: 12.03.2016
Сообщений: 260
02.05.2016, 15:55
Цитата Сообщение от beha96 Посмотреть сообщение
Вообще ничё не происходит
Ну для начала надо наверно добавить код в тег script...
1
0 / 0 / 0
Регистрация: 27.03.2016
Сообщений: 14
04.05.2016, 15:19  [ТС]
dzendev
Ну в коде то он на скрипте это я здесь вручную добавил эту часть и забыл про тег <script>
whiteapps
пока что просто для проверки локально (с диска)
0
 Аватар для whiteapps
414 / 379 / 220
Регистрация: 18.07.2014
Сообщений: 1,259
04.05.2016, 16:28
beha96, локально с веб сервером или просто открываете html файл?
без веб сервера ajax запрос не отправится
0
Философ-разговорник
 Аватар для Padonak
1066 / 391 / 120
Регистрация: 20.02.2016
Сообщений: 884
Записей в блоге: 1
06.05.2016, 19:22
... и без $(document).ready(); тоже. ТС, вы знаете, что такое Консоль?
0
0 / 0 / 0
Регистрация: 27.03.2016
Сообщений: 14
23.05.2016, 17:19  [ТС]
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Документ без названия</title>
</script>
</head>
<body>
 
     <div id="menu">
         <ul class="menu">
             <li class="item1"><a href="#">ссылочка</a></li>
         </ul>
     </div>
 
     <div class="content">
    Информация по ссылке
 </div>
 
</body>
</html>
Добавлено через 6 минут
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Документ без названия</title>
</script>
</head>
<body>
 
     <div id="menu">
         <ul>
             <li class="item1"><a href="#">ссылочка</a></li>
         </ul>
     </div>
 
     <div id="content">
         Информация по ссылке
     </div>
 
</body>
</html>
Вот у меня страница и в корне у меня есть файл text.txt (в нем написано например: "Ajax успешно выполнен")
Я хочу чтобы перейдя по ссылке в id="menu" у меня обновился id="content" и вместо "Информация по ссылке" появилась информация файла text.txt не обновляя всю страницу, а только id="content". Как мне это реализовать? Дедлайн уже на днях, пожалуйста помогите!!!) Заранее огромное спасибо!)
И пожалуйста укажите что какую именно ссылку надо вставить в href вместо "#"?
0
 Аватар для dzendev
181 / 103 / 48
Регистрация: 12.03.2016
Сообщений: 260
23.05.2016, 18:02
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
    </script>
    <script>
        $(document).ready(function() {
            $('#menu a').click(function (e) {
                e.preventDefault();    
                $.ajax({
                    url: 'text.txt', // указать правильный путь до файла (в данном случае фаил text.txt лежит в той же директории что и html документ)
                    success: function (data) {
                        $('#content').html(data);
                    }
                });
            });
        });
    </script>
 
</head>
<body>
    <div id="menu">
         <ul>
             <li class="item1"><a href="#">ссылочка</a></li>
         </ul>
     </div>
 
    <div id="content">Информация</div>
</body>
</html>
Всё это естественно запускается на сервере.
0
0 / 0 / 0
Регистрация: 27.03.2016
Сообщений: 14
23.05.2016, 19:40  [ТС]
dzendev, т.е. просто так с компа не получится?

Добавлено через 52 минуты
dzendev, в href так и оставим #? И почему не получится без сервера? Или можно как-то обойтись компом, или все таки сторонние приложения использовать? Например denwer?
0
 Аватар для dzendev
181 / 103 / 48
Регистрация: 12.03.2016
Сообщений: 260
23.05.2016, 21:09
Лучший ответ Сообщение было отмечено whiteapps как решение

Решение

Цитата Сообщение от beha96 Посмотреть сообщение
denwer
Denwer это и есть локальный сервер. Но лучше использовать openserver. Denwer подустарел.
Цитата Сообщение от beha96 Посмотреть сообщение
в href так и оставим #?
Здесь решение зависит от того, как будет работать приложение. Вариантов два.
1. Должна быть предусмотрена работа с отключенным javascript в браузере пользователя.
Тогда в href пишется url страницы. Если js отключен происходит переход по ссылки, если включен происходит ajax запрос и страница не перезагружается.
2. Работа приложения не подразумевает работу без javascript
Тогда от использование ссылки можно вообще отказаться. Заменить например на тег span.
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
    </script>
    <script>
        $(document).ready(function() {
            $('#menu span').click(function (e) {
                $.ajax({
                    url: 'text.txt', // указать правильный путь до файла (в данном случае фаил text.txt лежит в той же директории что и html документ)
                    success: function (data) {
                        $('#content').html(data);
                    }
                });
            });
        });
    </script>
 
</head>
<body>
    <div id="menu">
         <ul>
             <li class="item1"><span>ссылочка</span></li>
         </ul>
     </div>
 
    <div id="content">Информация</div>
</body>
</html>
0
0 / 0 / 0
Регистрация: 27.03.2016
Сообщений: 14
23.05.2016, 21:12  [ТС]
dzendev, Огромное спасибо, получилось!!! и ещё span тоже типа ссылка?
Ещё раз спасибо!
0
 Аватар для dzendev
181 / 103 / 48
Регистрация: 12.03.2016
Сообщений: 260
23.05.2016, 21:19
Цитата Сообщение от beha96 Посмотреть сообщение
ещё span тоже типа ссылка
ссылка это ссылка - тег <a>
Тег <span> это инлайновый тег, который ничего не обозначает, как и тег <div>. Используется только для визуального оформления.
0
0 / 0 / 0
Регистрация: 27.03.2016
Сообщений: 14
23.05.2016, 21:21  [ТС]
dzendev, Мне простительно, я только начинаю))) Пожелайте удачи)
0
 Аватар для dzendev
181 / 103 / 48
Регистрация: 12.03.2016
Сообщений: 260
23.05.2016, 21:45
Цитата Сообщение от beha96 Посмотреть сообщение
Пожелайте удачи)
Желаю тебе удачи на твоём пути...
Да избежит твоя задница свеч от геморроя,
Да пусть видят твои глаза без толстенных линз,
И спина не станет как у горбуна Квазимоды!!!

Во имя гугла, ютьюба и гмайл. Аминь ... Тьфу ты какой аминь - Риктусемпра
1
0 / 0 / 0
Регистрация: 27.03.2016
Сообщений: 14
23.05.2016, 22:13  [ТС]
dzendev, )да чувствую прилив энергии )
Ну берегись Билл Гейтс
0
0 / 0 / 0
Регистрация: 27.03.2016
Сообщений: 14
29.05.2016, 23:25  [ТС]
Ребята, я залил все файлы на bitbucket и теперь он там без denwer-а, как решить эту проблему? а то без сервера (в моём понимании без denwer-а) он не работает
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
29.05.2016, 23:25
Помогаю со студенческими работами здесь

Проблема с Jquery --> Ajax --> php
Jquery часть (here all is right !!!): var mess_str= &quot;nick =&quot;+nick+&quot;&amp;mess =&quot;+mess; $.ajax ({ type: 'POST', ...

Как выполнять скрипты из ajax.ResposeText, без jquery
как выполнять скрипты из ajax.resposeText, без jquery?

Ajax , json отправка и принятие запроса с jquery
Люди помогите пожалуйста я новичек никогда не сталкивалась с ajax-ом Суть задания мне необходимо передать данные на сервер где...

При подгрузке страницы через AJAX не выполняется Javascript (Jquery border-image)
Сайт: http://*******/4qkDe Если зайти в левом меню на Мера Систем, то изображения уже не будут в рамках (однако если перезагрузить...

HTML и AJAX
Вообщем, столкнулся со след. проблемой. При попытке загрузки контента по ссылке с помощью AJAX с файла page1.html(в нем есть только section...


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

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru