Jump to content
  • 0

ajax / jquery


deloest
 Share

Question

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

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

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

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

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

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

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>";
}


}
?>

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy