Передача переменной на PHP через javascript

Question

Я немного новичок в работе с JS и PHP и наткнулся на небольшую проблему. Я пытаюсь передать идентификатор текстового поля, который я нажал на PHP, и затем запросить базу данных с этим идентификатором. Я попытался следующий код, чтобы проверить, если переменная получает передается, но ничего не насторожило:

<script type="text/javascript"> 
function Like(ID) 
{ 
<?php 

$id = ID; 
print "alert('$id');"; 

?> 
} 
</script> 

<input type="text" id="1" onclick="Like(this.id)" > 

То, что я пытаюсь выполнить:

У меня есть база данных видео с уникальным идентификатором , У меня есть 2 кнопки рядом с каждым видео для симпатии или неприязни. 2 кнопки будут иметь идентификатор на основе идентификатора видео. Например, видео номер 2 имеет 2 кнопки: например (id = L2) и не нравится (id = D2). Когда пользователь нажимает одну из этих кнопок, я хочу обновить столбец «понравится» таблицы без перезагрузки страницы. Это возможно?

Answer 1

Вы не сможете сделать это так, как вы его написали. PHP работает один раз на странице груз. Таким образом, при нажатии кнопки ввода, ваша функция уже будет оцениваться по PHP, как это:

<script type="text/javascript"> 
function Like(ID) 
{ 
alert('ID'); 
} 
</script> 

ID является bareword на PHP, поэтому он рассматривает его как константу, если определено, или строка (и может сгенерировать предупреждение). Предполагая, что у вас нет участника ID, он печатает строку alert со строкой "ID" в переменной $id.

К тому времени, когда ваш javascript называется, все, что вы когда-либо получите, это alert('ID').

Чтобы запросить базу данных, вам необходимо передать данные обратно на сервер. Это либо загрузит новую страницу, либо если вы хотите, чтобы это произошло без загрузки страницы, вам необходимо выполнить асинхронный вызов (в фоновом режиме) на сервере и изменить страницу на основе результата. Это называется AJAX. Вам нужно будет понять, как работают серверный код (php) и клиентский код (php), и тогда вы сможете лучше понять, как AJAX объединяет их, чтобы делать то, что вы хотите.

Answer 2

Поскольку вы спрашивали об этом в комментарии:

Ну, у меня есть база данных видео с уникальным идентификатором. У меня есть 2 кнопки рядом с каждым видео для симпатии или неприязни. 2 кнопки будут иметь идентификатор на основе идентификатора видео. Например, видео номер 2 имеет 2 кнопки: например (id = L2) и не нравится (id = D2). Когда пользователь нажимает одну из этих кнопок, я хочу обновить столбец «понравится» таблицы без перезагрузки страницы. Это возможно?

Я расскажу вам, как достичь этого, и даже не требует Javascript! :) (по крайней мере сначала).

Это старомодный элемент HTML-формы. Поскольку вы будете размещать данные, вы должны использовать сообщение о действии. Код может выглядеть следующим образом:

<form method="post" action="/requests/like-video/" class="like-video"> 
    <div> 
     <input type="hidden" name="video_id" value="<?php echo $video->id ?>"> 
     <input type="submit" value="Like"> 
    </div> 
</form> 

<form method="post" action="/requests/dislike-video/" class="dislike-video"> 
    <div> 
     <input type="hidden" name="video_id" value="<?php echo $video->id ?>"> 
     <input type="submit" value="Dislike"> 
    </div> 
</form> 

После того как вы, что на месте (и работает), это только вопрос hijaxing этих форм. Супер легкий способ сделать это состоит в использовании формы плагин JQuery и просто запустите:

$('form.like-video').ajaxForm(OPTIONS_GO_HERE); 
$('form.dislike-video').ajaxForm(OPTIONS_GO_HERE); 

Делая это таким образом обеспечивает пользователям без JS также получить полностью функциональный сайт.

Это называется прогрессивным улучшением.