Размер файла: 2.5Kb
<?php
require_once $_SERVER['DOCUMENT_ROOT'].'/system/App.php';
$title = 'Chat';
if ($sys->isAjax() && $act == 'get')
{
var_dump($_POST);
exit;
}
require_once ROOT.'/system/header.php';
?>
<div class="col-sm"></div>
<div class="col-12">
<script>
// ждем загрузки страницы
$(document).ready(function () {
// чекаем любое изменение в форме
$("#formName").on('change', function(e) {
e.preventDefault(); // для того чтобы отменить все действия в браузере
var formData = $(this).serialize(); // сериализация данных
$.ajax({
url: 'long.php?act=get', // ссылка
type: 'POST', // Тип запроса
data: formData, // переменная formData
dataType: 'html', // какое данные принимать, можно вписать html
success: function(json) { // если все збс
$('#alerts').html(json); // записываем все в див с id="alerts"
},
error: function(xhr, ajaxOptions, thrownError) { // если хуйня какая-то
alert(thrownError + "\r\n" + xhr.statusText + "\r\n " + xhr.responseText); // выводим ошибку и ответ сервера
}
});
});
});
</script>
<form id="formName" method="POST">
<select class="form-control" id="select" name="selectName">
<option value="1">Один</option>
<option value="2">Два</option>
</select>
<input type="checkbox" id="checkbox" name="checkboxName" value="149"/> Дичь
<input type="hidden" name="catId" value="217"/>
</form>
</div>
</div>
<script type="text/javascript">
/*
$(document).ready(function () {
var alerts = $('#alerts');
var response = $('#response');
var timestap = null;
function poll()
{
$.ajax({
url: '/poll.php?timestamp=' + timestap,
type: 'GET',
async: true,
cache: false,
success: function(data)
{
var json = JSON.parse(data);
timestap = json.timestap;
response.html(json.comment);
setTimeout('poll();', 1000);
},
error: function(xhr, ajaxOptions, thrownError)
{
setTimeout('poll();', 15000);
}
});
}
poll();
});
*/
</script>
<div id="alerts"></div>
<div class="card d-none">
<div class="card-body">
<div id="response">Загрузка...</div>
</div>
</div>
</div>
<div class="col-sm"></div>
<?php
require ROOT.'/system/inc/footer.php';
?>