Есть два файла, index.php и random.php.
Из index.php отправляем ajax данные из формы в random,php. обратно получаем html.
Как сделать, чтобы после отправки в рандом, оттуда пересылались какие либо переменные обратно в индекс?
INDEX.PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
function AjaxFormRequest(result_id,form_id,url) {
jQuery.ajax({
url: "random.php", //Адрес подгружаемой страницы
type: "POST", //Тип запроса
dataType: "html", //Тип данных
data: jQuery("#"+form_id).serialize(),
success: function(response) { //Если все нормально
document.getElementById(result_id).innerHTML = response;
var serverAnwer = '<?php echo $number;?>';
},
error: function(response) { //Если ошибка
document.getElementById(result_id).innerHTML = "Ошибка при отправке формы";
}
});
}
</script>
</head>
<body>
<div id="result_div_id">
Поиграем?<br/>
<br/>
Введите число от 1 д 10.
</div>
<br/><br/>
<form method="post" action="" id="form_id">
<input type="text" name="number" /><br/>
<input type="button" value="Играем!" onclick="AjaxFormRequest('result_div_id', 'form_id', 'random.php')" />
</form>
</body>
</html>
<?php
ЗДЕСЬ ПЕРЕМЕННЫЕ ИЗ RANDOM.PHP
?>
RANDOM.PHP
<?php
if(!empty($_POST['number'])) {
$number = $_POST['number'];
$random = rand(1, 10);
if($number == $random) {
echo "Выпало число: $random";
echo "<br>Вы выиграли!";
global $number;
return true;
} else {
echo "Выпало число: $random";
echo "<br>Проиграли";
global $number;
return false;
}
}
else {echo "Не заполнили форму";}
?>
Средний