We use cookies
We use cookies to optimize our website. By continuing to browse the site, you agree to our use of cookies.
New design
Control panel
  • Русский
  • Українська
  • English
  • UAH
  • USD
  • RUB
  • EUR
  • 0-800-307-307 Hotline
  • +38 (044) 392-74-33 Kiev
  • +38 (057) 728-39-00 Kharkiv
  • +38 (056) 794-38-31 Dnipro
  • +38 (032) 229-58-93 Lviv
  • +38 (048) 738-57-70 Odessa
  • +38(093) 170-15-42  Life
  • +38 (067) 400-88-44 Kievstar
  • +1(888)393-24-51  USA, Toll free
  • +44(131)507-01-14  Great Britain
  • +7 (499) 348-28-61 Moscow

CMS Joomla. CMS Joomla и AJAX

vpv-81
6 years old
0

Добрый день. Подскажите, пожалуйста, при использовании ajax-запросов в Joomla есть какие-то особенности? У меня есть форма с данными, которая должна отправлять ajax-запрос к файлу php, после чего результат должен прилетать без перезагрузки страницы в дополнительное поле формы. Вне джумлы код полностью рабочий, а в джумле результат обработки файла скрипта php выводится на новую страницу. Если понятно выразился, может сможете дать совет, почему не работает. Если для вашего ответа нужен листинг скриптов, готов выложить. Спасибо

sonicua
6 years old
0

Особенностей никаких нет, кидайте код, посмотрим.

vpv-81
6 years old
0

ajax.php

<?php 

$a = $_POST['a'];
$b = $_POST['b'];
$result = $a + $b;

echo $result;

?>


<script type="text/javascript"src="/jquery.js"></script>
<script src="/jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#form').ajaxForm({
        dataType:  'json',
        success:   JSON
    });
});

function JSON(data) {
    $('#result').val(data);
}
</script>

<body>
<form id="form" action="/ajax.php" method="post">
    Данные 1 <input type="text" name="a" /></br />
        Данные 2 <input type="text" name="b" /><br />
    <input type="submit" value="Расчитать" /></br>
</form>
<input id="result" type="text" />
</body>

sonicua
6 years old
0

Попробуйте такой вариант

<script type="text/javascript"src="/jquery.js"></script>
<script src="/jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#form').submit(function() {
     $('#form').ajaxForm({
         dataType: 'json',
         success: JSON
      });
});
});

function JSON(data) {
$('#result').val(data);
}
</script>

The topic is closed.