Как вывести результат обработчика без перезагрузки страницы?

@celldweller24 · Регистрация: 24.01.2014

Author24 — интернет-сервис помощи студентам

Добрый день!

Имеется форма form.html:

HTML5

<form id="myform" action="calculator.php" method="POST">
  <table>
    <tbody>
      <tr>
        <td>Гражданство :</td>
        <td>
          <select name="citizenship" required>
            <option value="sng">СНГ</option>
            <option value="rb">Беларусь</option>
            <option value="rf">РФ</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>Резидент :</td>
        <td>
          <select name="resident" required>
            <option value="r_1">Резидент</option>
            <option value="r_2">Не резидент</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>Срок трудового договора :</td>
        <td>
          <select name="term" required>
            <option value="183_1">Менее 183 дней</option>
            <option value="183_2">183 дня и более</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>Сумма ЗП "на руки" :</td>
        <td>
          <input type="text" name="salary" value="" required>
        </td>
      </tr>
      <tr>
        <td>Количество сотрудников :</td>
        <td>
          <input type="text" name="staff" value="" required>
        </td>
      </tr>
      <tr>
        <td>
          <input type="submit" value="Расчитать">
        </td>
      </tr>
    <tbody>
  </table>

...и ее обработчик calculator.php:

PHP

//Затраты на одного сотрудника (ВЫВОД!)
$outlay_on_employeer = $salary_accrued + $pf_condition 
                       + $ffoms_condition + $fss_condition 
                       + $fss_ns_condition + $personnel_records 
                       + $agency_commission_condition + $cash_salary + $bonus_comission_condition;
 
 
//Всего бюджет на всех сотрудников (ВЫВОД!)
$outlay_general = $outlay_on_employeer * $amount_employeer;
 
//Вывод
echo "Затраты на одного сотрудника:".$outlay_on_employeer."<br/>";
echo "Всего бюджет на всех сотрудников:".$outlay_general;

Вопрос: как вывести результат обработчика на страницу с формой без перезагрузки страницы?
В JS очень слаб. Пробовал готовые варианты, основанные на ajax - не получилось
Помогите советом

@alexsamos33 · 16.06.2014, 17:49

Можно вот так:

Кликните здесь для просмотра всего текста

PHP/HTML

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>form1</title>
<script src="../js/jquery.js" type="text/javascript"></script>
</head>
<body>
<form id="myform" action="calculator.php" method="POST">
 <table>
  <tbody>
   <tr>
    <td>Гражданство :</td>
    <td>
     <select name="citizenship" required>
      <option value="sng">СНГ</option>
      <option value="rb">Беларусь</option>
      <option value="rf">РФ</option>
     </select>
    </td>
   </tr>
   <tr>
    <td>Резидент :</td>
    <td>
     <select name="resident" required>
      <option value="r_1">Резидент</option>
      <option value="r_2">Не резидент</option>
     </select>
    </td>
   </tr>
   <tr>
    <td>Срок трудового договора :</td>
    <td>
     <select name="term" required>
      <option value="183_1">Менее 183 дней</option>
      <option value="183_2">183 дня и более</option>
     </select>
    </td>
   </tr>
   <tr>
    <td>Сумма ЗП "на руки" :</td>
    <td>
     <input type="text" name="salary" value="" required>
    </td>
   </tr>
   <tr>
    <td>Количество сотрудников :</td>
    <td>
     <input type="text" name="staff" value="" required>
    </td>
   </tr>
   <tr>
    <td>
     <input type="submit" value="Расчитать">
    </td>
   </tr>
  </tbody>
 </table>
<div id="result1"></div>
</form>
<script type="text/javascript">
$(document).ready(function() {
$("#myform").submit(function() {
myform_request1();
return false;
}); });
function myform_request1() {
requestData = $("#myform").serialize();
$.ajax({
type: $("#myform").attr("method"),
url: $("#myform").attr("action"),
data: requestData,
success: function(data) {
$("#result1").html(data);
},
error: function(xmlhttp) {
$("#result1").html('<b>Произошла ошибка при запросе</b>');
} });
};
</script>
</body>
</html>

P.S. У меня работает...

@celldweller24 · 17.06.2014, 14:40 **[ТС]**

Спасибо, получилось

Новые блоги и статьи
Как переместить последние коммиты в новую ветку (branch) в Git InfoMaster 20.01.2025 При работе над проектом часто возникают ситуации, когда необходимо изолировать определенные изменения от основной линии разработки. Это может быть связано с экспериментальными функциями, исправлением. . .	Как вернуть результат из асинхронной функции в JavaScript InfoMaster 20.01.2025 Асинхронное программирование представляет собой фундаментальную концепцию в JavaScript, которая позволяет выполнять длительные операции без блокировки основного потока выполнения программы. В. . .	Какой локальный веб-сервер выбрать InfoMaster 19.01.2025 В современной веб-разработке локальные веб-серверы играют ключевую роль, предоставляя разработчикам надежную среду для создания, тестирования и отладки веб-приложений без необходимости использования. . .	Почему планшеты и iPad уже не так популярны, как раньше InfoMaster 19.01.2025 Эра революционных инноваций История планшетных компьютеров началась задолго до того, как эти устройства стали привычными спутниками нашей повседневной жизни. В начале 1990-х годов появились первые. . .	Как самому прошить BIOS ноутбука InfoMaster 19.01.2025 BIOS (Basic Input/ Output System) представляет собой важнейший компонент любого компьютера или ноутбука, который обеспечивает базовое взаимодействие между аппаратным и программным обеспечением. . .	Какой Linux выбрать для домашнего компьютера InfoMaster 19.01.2025 Современные реалии выбора операционной системы В современном мире выбор операционной системы для домашнего компьютера становится все более важным решением, которое может существенно повлиять на. . .
Как объединить два словаря одним выражением в Python InfoMaster 19.01.2025 В мире программирования на Python работа со словарями является неотъемлемой частью разработки. Словари представляют собой мощный инструмент для хранения и обработки данных в формате "ключ-значение". . . .	Как без исключения проверить существование файла в Python InfoMaster 19.01.2025 При разработке программного обеспечения на Python часто возникает необходимость проверить существование файла перед выполнением операций с ним. Это критически важная задача, которая помогает избежать. . .	Как определить, содержит ли строка подстроку в JavaScript InfoMaster 19.01.2025 При разработке веб-приложений часто возникает необходимость выполнять различные операции со строками, среди которых особое место занимает поиск подстрок. JavaScript предоставляет несколько встроенных. . .	Что такое метаклассы в Python InfoMaster 19.01.2025 Метаклассы в Python представляют собой один из самых мощных и одновременно сложных механизмов языка, позволяющий программистам контролировать процесс создания классов. По своей сути, метакласс. . .	Как удалить свойство из объекта JavaScript InfoMaster 19.01.2025 В современной веб-разработке объекты JavaScript играют фундаментальную роль в организации и структурировании данных. Они представляют собой контейнеры, которые хранят связанные данные и. . .	Какая разница между String и string в C# InfoMaster 19.01.2025 В языке программирования C# существует интересная особенность: для работы со строками можно использовать как String, так и string. Эта двойственность часто вызывает вопросы у разработчиков, особенно. . .

@celldweller24 0 / 0 / 0 Регистрация: 24.01.2014 Сообщений: 6
	17.06.2014, 14:40 [ТС]	3
	Спасибо, получилось 0