Как вызвать функцию PHP в JavaScript?

Question

у меня

index.php

<select id="year_list" name="year_list" onchange="check_year_event('year_list', 'event_list');" > . . .  </select>

<select id="event_list" name="event_list" onchange="check_year_event('year_list', 'event_list');" > . . . </select>
.
.
.
<?php 
 function checkYearandEvent($year, $event) {
  $year_event = mysql_query("SELECT * FROM year_event WHERE year = '$event' AND event = '$event'")

  if (mysql_num_rows($year_event) > 0) {
   // do this
  }

 }
?>

myscripts.js

function check_year_event(year_id, event_id) {
 var year = document.getElementById(year_id).value;
 var event = document.getElementById(event_id).value;

 // call PHP function (but I don't know how): checkYearandEvent(year, event);

}

У меня вопрос, как мне вызывать функцию PHP каждый раз, когда пользователь изменяет значение любого элемента select.

Answer 1

Вам нужно использовать ajax.Вот базовый пример:

myscripts.js

function AjaxCaller(){
    var xmlhttp=false;
    try{
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }catch(e){
        try{
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }catch(E){
            xmlhttp = false;
        }
    }

    if(!xmlhttp && typeof XMLHttpRequest!='undefined'){
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}

function callPage(url, div){
    ajax=AjaxCaller(); 
    ajax.open("GET", url, true); 
    ajax.onreadystatechange=function(){
        if(ajax.readyState==4){
            if(ajax.status==200){
                div.innerHTML = ajax.responseText;
            }
        }
    }
    ajax.send(null);
}

function check_year_event(year_id, event_id) {
 var year = document.getElementById(year_id).value;
 var event = document.getElementById(event_id).value;

    callPage('file.php?year='+year+'&'+'event=+'+event,document.getElementById(targetId));
}

file.php

<?php 

     function checkYearandEvent($year, $event) {
      $year_event = mysql_query("SELECT * FROM year_event WHERE year = '$event' AND event = '$event'")

      if (mysql_num_rows($year_event) > 0) {
       // do this
      }

     }
    echo checkYearandEvent($_GET['year'], $_GET['event']);
?>

Answer 2

Вы не сможете сделать это так, как вам хотелось бы. PHP выполняется на сервере, прежде чем браузер получит HTML. С другой стороны, JavaScript запускается в браузере и не знает PHP (или любого другого серверного языка), используемого для создания HTML.

Чтобы «вызвать» функцию php, вы должны отправить запрос обратно на сервер (часто называемый AJAX). Например, у вас может быть скрипт checkYear.php, который проверяет событие и возвращает некоторый HTML-код, указывающий, прошла ли проверка успешно. Когда фрагмент HTML возвращается в JavaScript, вы вставляете его в страницу.

Надеюсь, это поможет!

Answer 3

JavaScript - это язык на стороне клиента, PHP - это язык на стороне сервера.Поэтому вы не можете вызывать функции PHP напрямую из кода JavaScript.Однако вы можете опубликовать запрос AJAX (он вызывает закулисный файл PHP) и использовать его для запуска своего кода PHP и возврата всех необходимых данных обратно в JavaScript.

Answer 4

Может быть много способов сделать это.Я предпочитаю использовать MooTools Request object.

Например, у вас есть скрипт с именем ajaxCallable.php, который принимает через переменные $_REQUEST некоторые параметры, затемвы делаете (на стороне Javascript):

function check_year_event(year_id, event_id) {
    var year = document.getElementById(year_id).value;
    var event = document.getElementById(event_id).value;

    var myRequest = new Request({method: 'get', url: 'ajaxCallable.php'});
    myRequest.send('yearVar=' + year + '&eventVar=' + event);
}

тогда ваш ajaxCallable.php сможет получить доступ к переменным: $_REQUEST['yearVar'] и $_REQUEST['eventVar'].

Answer 5

По сути, вы смешиваете сценарии на стороне сервера (PHP) и на стороне клиента (JS).

Однако это возможно - спасибо, например. в AJAX. Поскольку вы не указали, что именно нужно делать после изменения поля выбора, я могу лишь указать вам на некоторые ресурсы и предложить следующее:

• изучите и начните использовать jQuery ( jquery.com ) - это поможет вам начать работу и поддерживать кросс-браузерную совместимость,
• узнать, как делать запросы AJAX (например, в функции, которую вы только что запускали, когда сработало событие onchange) - например. используя функцию .post () jQuery,
• научиться возвращать данные из PHP (например, используя json_encode() в PHP, но с необработанным HTML тоже хорошо) и использовать их в JS,

Answer 6

Я работал над проектом на этой неделе и придумал простой способ вызвать скрипт php из onclick (). Это так.

Я определяю вызов onclick () в этом случае для div, называемого sidebarItem…

<a><div class="sidebarItem" onclick="populate('#content', 'help', 'open')">Click me for new content</div></a>

Затем я сделал простую маленькую функцию JS, которая загружает внешний файл в целевой контейнер…

function populate($container, $page, $item){
$($container).load('cyclorama/includes/populate.php?$page='+$page+'&$item='+$item);}

Затем я пишу небольшой php-файл, который получает $ page и $ item, запрашивает базу данных и возвращает новое содержимое.

<?php
$page = $_GET['$page'];
$item = $_GET['$item'];
$getContentQuery = "SELECT content FROM myTable WHERE page='".$page."' AND item='".$item."'";
$content = mysql_query($getContentQuery, $db);
$myContent = mysql_fetch_assoc($content);
echo $myContent['content'];?>

Скрипт php отображает новый контент и загружается в контейнер. Я думаю, что есть много мест, которые могут служить. Мне было бы интересно узнать, есть ли очевидные причины НЕ делать этого. Он не использует AJAX, только javascript и php, но он быстр и относительно прост.