<!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;
},
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
if(!empty($_POST['number'])) {
$number = $_POST['number'];
$random = rand(1, 10);
if($number == $random) {
echo "Выпало число: $random";
echo "<br>Вы выиграли!";
return true;
} else {
echo "Выпало число: $random";
echo "<br>Проиграли";
return false;
}
}
else {echo "Не заполнили форму";}
?>Предположим, по этому же скрипту, в index php отослать то, что пришло с обработчика. допустим какую нибудь перемененную.
$.ajax({
type: 'POST',
url: 'response.php?action=sample2',
data: 'name=Andrew&nickname=Aramis',
success: function(data){
$('.results').html(data);
}
});document.getElementById(result_id).innerHTML = response;
Средний