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

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

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

Добрый день!

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<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
1
2
3
4
5
6
7
8
9
10
11
12
13
//Затраты на одного сотрудника (ВЫВОД!)
$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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!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 **[ТС]**

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

Новые блоги и статьи Все статьи Все блоги /
Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .

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