ajax / jquery

deloest · April 26, 2010

В общем только начал изучать ajax/jquer, скажу чесно дается туговато, ибо нет норм статей и учебников по ним...

В общем вопрос такой:

Есть рандомное число, к примеру 5

есть кнопочка, к примеру ГОО!!!

жмеш на кнопку, число отправляется на сервер, там обрабатывается, сверяется с новым рандомным числом к примеру 10 и выводится на экран результат Больше ли 5 чем 10 либо наоборот...

Добился до того что отправляет, обрабатывает, сверяет, выводит, но первоночальное ЧИСЛО 5 не обновляется, а мне надо чтоб это число при каждом нажатии ГО обновлялось на странице для дальнейших нажиманий ) а не чтоб стояло это число на месте без изменений...

index.php

<html>

<head>
  <title></title>
  <script src="ajax_framework.js" language="javascript"></script>
</head>

<body>

<!-- Show Message for AJAX response -->
<div id="login_response"></div>

<!-- При отправке формы вызывается функция login() из ajax_framework.js -->
<form action="java script:login()" method="post">

<?php

$rand = rand(1,100);


echo "Загаданное число: $rand<br />";
echo "<input type='hidden' id='goRand_number' name='rand_number' value='$rand'>";
?>
Выбор:
<select name='vibor' id='goVibor'>
<option value='bolshe'>больше</option>
<option value='menshe'>меньше</option>
</select><br />

Действие: <input type="submit" name="Submit" value="ГООО!!!!"/>
</form>

</body>

</html>

ajax_framework.js

/*  XMLHTTPRequest включаем */
function createObject() {
    var request_type;
    var browser = navigator.appName;
    if (browser == "Microsoft Internet Explorer") {
        request_type = new ActiveXObject("Microsoft.XMLHTTP");
    } else {
        request_type = new XMLHttpRequest();
    }
    return request_type;
}

var http = createObject();

/*      LOGIN              */

/* Переменная nocache содержит случайное число, добавляемое в запрос
для предотвращения кеширования браузером запроса */
var nocache = 0;
function login() {
 // Отображаем соощение в области ID ajax_response
 document.getElementById('login_response').innerHTML = "Загрузка, подождите пожалуйста..."
 // Проверяем, что все поля не пустые. Используем encodeURI() для кодирования недопустимых символов в запросе.
 //    var vibor = encodeURI(document.getElementById('goVibor').value);
    var rand_number = encodeURI(document.getElementById('goRand_number').value);
 // Получаем случайное число
    nocache = Math.random();
 // Генерируем ссылку для захода
    http.open('get', 'login.php?rand_number='+rand_number+'&nocache = '+nocache);
    http.onreadystatechange = loginReply;
    http.send(null);
}

function loginReply() {
    if (http.readyState == 4) {
        var response = http.responseText;
     if(response == 0) {
    // if login fails
      document.getElementById('login_response').innerHTML = 'Login failed! Verify user and password';
    // else if login is ok show a message: "Welcome + the user name".
      } else {
    document.getElementById('login_response').innerHTML = ''+response;
      }
}
}

login.php

<?php

// Verify if user exists for login
if(isset($_GET['rand_number'])){

$vibor = $_GET['vibor'];
$rand_n = $_GET['rand_number'];

$rrand = rand(1,100);

if ($rand_n < $rrand) {
    echo "Число <b>$rrand</b> больше <b>$rand_n</b>";
} else {
    echo "Число <b>$rrand</b> меньше <b>$rand_n</b>";
}


}
?>

Veseloff · April 26, 2010

Не до конца понятно что именно не так. Ну а раз уж учите jQuery, то стоит посмотреть на .load()

Sign In

ajax / jquery

Question

deloest

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Veseloff

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information