Как написать скрипт на ajax

@shtopor20 · Регистрация: 21.05.2010

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

Здраствуйте помогите пожалуйсто, мне нужна программа которая с помощью ajax в онлайн режиме показывала бы содержимое текстового файла, откыть фаил можно с помощью

PHP

$fpp = fopen("text.txt", "r");
if ($fpp) 
{
while (!feof($fpp))
{
$mytextt = fgets($fpp, 999);
echo $mytextt;
}
}
else echo "Ошибка при открытии файла";
fclose($fpp);

, но я незнаю как написать ajax, помогите.

@ostgals · 30.10.2010, 20:43

HTML5

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    $('#knopka').click(function () { $('#file_content').load('ajax_file.php'); });
</script>
 
<div id="file_content"></div>
<input type="button" id="knopka" value="Загрузить файл" />

Предполагается, что ваш php-файл и есть ajax_file.php
Содержимое грузится в div[id=file_content].

@shtopor20 · 30.10.2010, 21:37 **[ТС]**

Тоесть мне достаточно записать в ajax_file.php

PHP

$fpp = fopen("text.txt", "r");
if ($fpp) 
{
while (!feof($fpp))
{
$mytextt = fgets($fpp, 999);
echo $mytextt;
}
}
else echo "Ошибка при открытии файла";
fclose($fpp);

а в любой другой

HTML5

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    $('#knopka').click(function () { $('#file_content').load('ajax_file.php'); });
</script>
 
<div id="file_content"></div>
<input type="button" id="knopka" value="Загрузить файл" />

и все будет работать?

Добавлено через 38 минут
Я щас просмотрел код, протестировал его, нечего невыводится, при нажатии на кнопку надо что то есче прописать, но что? я в ajax полный 0

@suharik · 31.10.2010, 00:15

Немного поиздеваясь предлагаю вот такой вариант
ajax.php

PHP

$fpp = fopen("text.txt", "r");
if ($fpp) 
{
while (!feof($fpp))
{
$mytextt = fgets($fpp, 999);
echo $mytextt;
}
}
else echo "Ошибка при открытии файла";
fclose($fpp);

html+js+ajax

HTML5

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
    $('#knopka').click(function () { 
$.ajax({
 type: "POST", 
url:"ajax.php",
 dataType: "text",
data:{i:1},
timeout: 50000, 
 beforeSend:"Загрузка",
success: function(data) {
$('#file_content').HTML(data);
 }
 
 
         });
   });
});
</script>
 
<div id="file_content"></div>
<input type="button" id="knopka" value="Загрузить файл" />

Как то так

@ostgals · 31.10.2010, 11:39

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

Я щас просмотрел код, протестировал его, нечего невыводится

Ну да.. А я-то не протестировал.. Извините.

Правильный JS:

Javascript

1
2
3

    $(function(){
        $('#knopka').click( function() { $('#file_content').load('ajax_file.php'); } );
    });

И еще учтите, что рабочей кодировкой желательно выставлять utf-8, иначе придется выполнять еще некоторые действия. В приложении рабочий вариант.

@Vlad10 · 26.06.2013, 11:46

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

Ну да.. А я-то не протестировал.. Извините.

Правильный JS:

Javascript

1
2
3

    $(function(){
        $('#knopka').click( function() { $('#file_content').load('ajax_file.php'); } );
    });

И еще учтите, что рабочей кодировкой желательно выставлять utf-8, иначе придется выполнять еще некоторые действия. В приложении рабочий вариант.

Не работает

@AndreyDyakonov · 26.06.2013, 13:09

jquery установлен?

Добавлено через 37 секунд
сори не заметил что ссылка абсолютная

@ostgals · 26.06.2013, 16:08

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

Не работает

Это нормально. Но, пожалуйста, поподробнее.

Не по теме:

Некрофилы. :D

@AndreyDyakonov 122 / 120 / 7 Регистрация: 21.04.2013 Сообщений: 615
	26.06.2013, 13:09	7
	jquery установлен? Добавлено через 37 секунд сори не заметил что ссылка абсолютная 0

@ostgals 886 / 681 / 101 Регистрация: 23.01.2009 Сообщений: 1,582
	26.06.2013, 16:08	8
	Сообщение от Vlad10 Не работает Это нормально. Но, пожалуйста, поподробнее. Не по теме: Некрофилы. :D 0