Возможно ли выполнить php-код по клику на элемент?

Question

[EvgenyApMr]

Всем здравствуйте.

Есть такая конструкция:

<input style="display: none;" type="checkbox" id="hd-1" class="hide"/>
<label for="hd-1" >Клик</label>

<div>
<code lang="php">
<?php echo "TEST"; ?>
</code>
</div>

Подскажите, как подцепить AJAX-функцию на "Клик", чтобы "TEST" не подгружалось до нажатия.

Comments

[Виталий Першин]

Попробуйте для начала сделать любой пример AJAX и посмотреть принцип работы, поменять под себя что-то иначе вы ничего не поймете.

[EvgenyApMr]

Виталий, Виталий, спасибо за совет) Уже два дня знакомлюсь с разными примерами, но вывести на так и не получилось. Ещё затруднения вызывает то, что большинство примеров подразумевает подключение файла. В моём же случае нужно выполнение области кода в одном файле. Если у вас есть ответ на мой вопрос, я буду очень признателен, если вы им поделитесь)

[McBernar]

EvgenyApMr, нет, так нельзя. Только с перезагрузкой страницы. Php не работает на клиенте.

[ThunderCat]

McBernar, собственно для этого и придумали аякс, если что, так что перезагрузка не нужна.

[McBernar]

ThunderCat, я в курсе, спс :) человек хочет вызвать php-код, который у него лежит в шаблоне по клику на кнопку. Теоретически можно и к своему же файлу обратиться, но это один фиг реквест.

[ThunderCat]

McBernar,

Подскажите, как подцепить AJAX-функцию на "Клик", чтобы "TEST" не подгружалось до нажатия.

то есть чел не понимает как реализовать, а не где что исполняется(хотя и второе не исключено).

[EvgenyApMr]

ThunderCat, да, я не знаю, как это сделать(

Вообще, таких вызовов много, поэтому не хочется создавать кучу файлов, но если без этого не решить проблему, то так тому и быть, будет 40 мелких php-файлов)

Answer 1

[Alex]

<script>
function go(param)
{
  $.ajax({
      type: "POST",
      url:  "assets/php/ajax.php",
      data: "go=1&param="+param,
      success: function(html)
      {
        $("body").append(html);
      }
  });
}
</script>
<b onclick="go()">Пример</b>

Comments

[EvgenyApMr]

К сожалению, не заходил сюда и не видел вашего ответа!) ПРоблема уже решена, но все равно большое спасибо за отклик)

Answer 2

[ThunderCat]

Код приводить не буду, объясню принцип. В самОм вашем коде, в месте где предполагается получить значение из пхп, должно быть пусто(ну или что-то просто выведено обычным хтмл). Далее, после инициализации яваскрипта, скрипт аяксом отправляет запрос на сервер, на определенный скрипт пхп(смотрите примеры работы с аякс). Пхп отправляет обратно строку, которую яваскрипт с аяксом принимает в метод success() как аргумент. Далее с полученной строкой можете делать любые манипуляции, в том числе вставить внутрь нужного элемента.

Comments

[EvgenyApMr]

<script>
$(function(){
	$('#form').submit (function(e){
			e.preventDefault();
			var data = $(this).serialize();
			$.ajax({
				type: "POST",
				url: "test.php",
				data: data,
				success: function (result){
					$('#result').html(result);
				}
		});
	});
});
</script>



<form id="form">
<input type="text" name="test">
<input type = "submit">
</form>

<div id="result">
</div>

Что-то вроде этого? К сожалению, у меня такой вариант не работает(

[ThunderCat]

EvgenyApMr, не думаю что проблема в данном коде, но это легко проверить.
1) Для данного кода должен быть подключен jquery.
2) Проверьте консоль браузера на ошибки
3) Посмотрите вкладку нетворк в инструментах разработчика в момент срабатывания скрипта, что отсылается и что получаете в ответе

[ThunderCat]

EvgenyApMr,

Вообще, таких вызовов много, поэтому не хочется создавать кучу файлов, но если без этого не решить проблему, то так тому и быть, будет 40 мелких php-файлов)

все можно сделать одним скриптом, формируя ответ на основе отсылаемых данных.

Хинт: Данные можно получать не из формы, а допустим из дата атрибута элемента.

[EvgenyApMr]

ThunderCat, навыков на такое не хватает(
Большое спасибо за советы, буду разбираться)

[ThunderCat]

EvgenyApMr, там много ума не надо, вешаете как на форму событие, только на клик по элементу, берете из $(this).data('info') данные, отправляете в датасете на сервер аяксом... Все то же, только слегка подправить...