Модераторы: skyboy, MoLeX, Aliance, ksnk
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> как организовать тоже самое, но с помощью Ajax 
V
    Опции темы
MoLeX
  Дата 28.9.2007, 09:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Местный пингвин
****


Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

Репутация: 46
Всего: 140
Код

<html> 
<head> 
<title>title</title> 
<script language="JavaScript">
function namosw_goto_byselect(sel, targetstr)
{
    var index = sel.selectedIndex;
    if (sel.options[index].value != '') 
    {
        if (targetstr == 'blank') 
        {
            window.open(sel.options[index].value, 'win1');
        } 
        else 
        {
            var frameobj;
            if (targetstr == '') targetstr = 'self';
            if ((frameobj = eval(targetstr)) != null)
            frameobj.location = sel.options[index].value;
        }
    }
}
</script>
</head>

<body>
<select name="selection_0" OnChange="namosw_goto_byselect(this, 'self')">
    <option></option>
    <option value="?page=1">1</option>
    <option value="?page=2">2</option>
    <option value="?page=3">3</option>    
</select>    
<br>
<?php
echo $_GET['page'];
?>
</body>
</html>



Как тоже самое сделать но токлько с помощью Ajax.  smile 

З.Ы. большая просьба на доки ссылке не давать, начитался их в волю но практически не чего от туда не уяснил  smile 


--------------------
Amazing  smile 
PM MAIL WWW ICQ   Вверх
Grig
Дата 28.9.2007, 09:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 809
Регистрация: 29.4.2005
Где: Иркутск

Репутация: нет
Всего: 16
Три файла:
Первый 1.php содержит форму отправки, функцию, и див для приёма данных.
Код

<html> 
<head> 
<title>title</title> 
  <script type='text/javascript' src='ajax.js'></script>
<script language="JavaScript">
function namosw_goto_byselect(sel, targetstr)
{
var index = sel.selectedIndex;
sendRequest('test.php?page='+index, 'resultId',  getRequest);
}

</script>
</head>
<body>
<select name="selection_0" OnChange="namosw_goto_byselect(this, 'self')">
    <option></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>    
</select>    
<br>
<div id="resultId"></div>
</body>
</html>



Второй ajax.js Создает HTTPRequest, отправляет и принимает данные:
Код

function createHttpRequest() {
var httpRequest;
var browser = navigator.appName;

if (browser == "Microsoft Internet Explorer") {
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
} else {
httpRequest = new XMLHttpRequest();
}

return httpRequest;
}



function sendRequest(file, _resultId, getRequestProc) {
resultId = _resultId;
document.getElementById(resultId).innerHTML = 'Подождите, идет загрузка...';
httpRequest.open('get', file);
httpRequest.onreadystatechange = getRequestProc;
httpRequest.send(null);
}


function getRequest() {
if (httpRequest.readyState == 4) {
document.getElementById(resultId).innerHTML = httpRequest.responseText;
}
}


var httpRequest = createHttpRequest();
var resultId = '';



function s(page){
sendRequest('test.php?page='+page, 'resultId',  getRequest);

}



Третий test.php непосредственно отдает данные, какие попросят:
Код

<?php
echo $page;
?>

=)



Это сообщение отредактировал(а) Grig - 28.9.2007, 10:00


--------------------
        
PM MAIL ICQ   Вверх
MoLeX
Дата 28.9.2007, 10:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Местный пингвин
****


Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

Репутация: 46
Всего: 140
Grig, большое тебе спасибо  smile 


--------------------
Amazing  smile 
PM MAIL WWW ICQ   Вверх
MoLeX
Дата 28.9.2007, 11:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Местный пингвин
****


Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

Репутация: 46
Всего: 140
и еще  smile, появились проблемы с кодировкой, основной текст отображается нормальная а та часть которая подгружается с помощью аяксом в виде вопросов, как от этого можно избавиться?


--------------------
Amazing  smile 
PM MAIL WWW ICQ   Вверх
Grig
Дата 28.9.2007, 11:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 809
Регистрация: 29.4.2005
Где: Иркутск

Репутация: нет
Всего: 16
Код

header("Content-type: text/plain; charset=windows-1251");



--------------------
        
PM MAIL ICQ   Вверх
Самозванка
Дата 28.9.2007, 12:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Девушка в стиле IT
**


Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

Репутация: нет
Всего: 40
MoLeX, я с помощью iconv от этого избавляюсь...


--------------------
Неуёмная жажда жизни!

 smile
PM MAIL ICQ   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Правила форума "PHP"
Aliance
IZ@TOP
skyboy
SamDark
MoLeX

Новичкам:

  • PHP редакторы собираются и обсуждаются здесь
  • Электронные книги по PHP, документацию можно найти здесь
  • Интерпретатор PHP, полную документацию можно скачать на PHP.NET

Важно:

  • Не брезгуйте пользоваться тегами [code=php]КОД[/code] для повышения читабельности текста/кода.
  • Перед созданием новой темы воспользуйтесь поиском и загляните в FAQ
  • Действия модераторов можно обсудить здесь

Внимание:

  • Темы "ищу скрипт", "подскажите скрипт" и т.п. будут переноситься в форум "Web-технологии"
  • Темы с именами: "Срочно", "помогите", "не знаю как делать" будут УДАЛЯТЬСЯ

Если Вам понравилась атмосфера форума, заходите к нам чаще! С уважением, IZ@TOP, skyboy, SamDark, MoLeX, awers.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | PHP: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0475 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.