Xwab
Форумыnavigate_nextJavaScript

AJAX
Сообщения
OTSHELNIK

очень интересует эта технология. возник вопрос: как простейший обмен данными в фоне сделать? то есть интересует что-то типа мини-чата ввиде аякса. автоматическое добавление на странице сообщения,если кто-то написал например.
---------
Хорошая статья о том как начать работать с AJAX
http://www.ajaxa.net/2007/03/30/ajax-s-chego-nachat/

31 Май 2010, 16:14
TOOZ

я тож хочу посмотреть,почитать как это делается

31 Май 2010, 16:15
iceman12

<html>
<head>
<title>Test</title>
<script language="Javascript">

var request = null;

function createRequest() {
    if (request != null)
        return;

    try {
        request = new XMLHttpRequest();
    } catch (trymicrosoft) {
        try {
            request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (othermicrosoft) {
            try {
                request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (failed) {
                request = null;
            }
        }
    }

    if (request == null)
        alert(" :-( ___ Error creating request object! ");

}

function refreshRandNumber() {
    createRequest();
    var url = "test2.php";
    request.onreadystatechange = updateRandNumber;
    request.open("GET", url, true);
    request.send(null);
}

function updateRandNumber() {
    if (request.readyState == 4) {
        document.getElementById("randNum").innerHTML = request.responseText;
        request = null;
    }
}
</script>
</head>   
<body>

<br><br><br>
<h1>Random number: <span id="randNum" style="color:red;">still empty!</span></h1>
<input type="button" value="REFRESH!" onclick="refreshRandNumber();">
<br><br><br>
   
</body>
</html>


А в файле test2.php:
<?php echo mt_rand(0,100); ?>


Как бе так) Это самый простой пример.


Ну я юзаю библу jquery, с ней немного проще)

01 Июн 2010, 15:25
OTSHELNIK

iceman12, можно комментарии по этому коду? я про то,что где именно например выводить из базы сообщения,где кнопки и что где куда идет с формы? а то пока что код осилить не могу..

01 Июн 2010, 16:42
iceman12

О! Отличную статью нашел http://anton.shevchuk.name/javascript/jquery-for-beginners-ajax/ (web) на этом блоге много интересной информации. Вот там пример с jquery, с ней намного меньше кода)

01 Июн 2010, 20:31
iceman12

Сначало будет не понятно, а потом разбирай пример в прикрепленке.
Будут вопросы- пиши). Хотя я тоже не супер программист на ajax`e)

Пример, который в прикрепленке: http://ruseller.com/lessons/les405/example/demo.html

01 Июн 2010, 20:35
OTSHELNIK

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

01 Июн 2010, 20:56
iceman12

1. нужно вызвать функцию рефрешРандНамбр либо в теге боди либо где скрипт заканчивается.
ты знаешь основы яваскрипта?

01 Июн 2010, 21:13
OTSHELNIK

iceman12, очень плохо. собственно как и сам js мне не поддается. вот вопрос-там,где ты дал сыль толи на блог,толи еще куда-не работает то что в примерах,хоть и исходный код там смотрел.

01 Июн 2010, 21:18
iceman12

а ты библиотеку айкуери скачал?

01 Июн 2010, 21:38
Ответить на тему