Разделите обработчик, используйте:
- index.php (откуда берутся данные и куда они возвращаются после обработки ajax-запроса);
- script.js (обработчик событий, отправка ajax-запросов);
- subs.php (обработчик ajax-запроса);
Скрипт:
js:
$(".element").on('click',function(){
// при клике по элементу записываете значение параметра, наприммер $(this).val().trim() или $(this).html().trim();
var param_1 = 1;
$.ajax({
// Отправляете на другой PHP-скрипт (грубо говоря, обработчик события на сервере, где производите действия)
url: 'subs.php',
type: 'POST',
dataType : "json",
data:{
param_1: param_1
},
success: function(response){
// меняете значение контейнера на то, которое вернул AJAX-Запрос
$('.cont').html(response);
},
error: function(){
alert("Произошла ошибка");
}
});
});
php:
<?php
// Обрабатываете данные, присваиваете переменной, проверяете, производите манипуляции и т.п.
$param_1 = filter_input(INPUT_POST, 'param_1', FILTER_SANITIZE_STRING);
echo (isset($param_1)) ? json_encode($param_1) : json_encode("Вы прислали пустую переменную 'param_1'"); // отправляете обратно
?>
ajax
запрос, чтобы получитьdata
и передатьdata
на ту же страницу где мы кликаем, чтобы соответствующие переменные на этой странице обновились. Пока получается только получитьdata
. Как мне правильно это все организовать?data
я получаю из другого файла