Как выполнить php в js
Как вызвать функцию PHP из JavaScript
Дата публикации: 2021-03-19
От автора: PHP имеет гораздо больше встроенных функций для работы со строками, массивами и другими типами данных по сравнению с JavaScript. Поэтому для многих естественным является желание вызывать функции PHP из JavaScript. Однако, как вы уже догадались или узнали, это не работает должным образом.
Может быть множество других случаев, когда вы захотите запустить некоторый PHP-код внутри JavaScript — например, чтобы сохранить некоторые данные на сервере. Простое размещение PHP-кода внутри JavaScript в этом случае тоже не сработает.
Причина, по которой вы не можете просто вызвать функцию PHP из JavaScript, связана с порядком, в котором выполняются эти языки. PHP — это серверный язык, а JavaScript — это, прежде всего, клиентский язык.
Каждый раз, когда вы хотите посетить страницу, браузер отправляет запрос на сервер, который затем обрабатывает запрос и генерирует некоторые выходные данные, запустив код PHP. Затем полученная или сгенерированная веб-страница отправляется вам обратно. Браузер обычно ожидает, что веб-страница будет состоять из HTML, CSS и JavaScript. Любой PHP, который вы могли разместить или повторить внутри JavaScript, либо уже запущен, либо не будет работать вообще, когда веб-страница загружается в браузере.
Однако надежда еще не потеряна. В этой статье я объясню, как вы можете вызывать функции PHP из JavaScript и функции JavaScript из PHP.
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Вызов функции PHP из JavaScript
Мы можем использовать AJAX для вызова функции PHP для данных, созданных внутри браузера. AJAX используется на многих веб-сайтах для обновления частей веб-страниц без полной перезагрузки страницы. Если все сделано правильно, это может значительно улучшить взаимодействие с пользователем.
Имейте в виду, что код PHP по-прежнему будет работать на самом сервере. Мы просто предоставим ему данные из нашего скрипта.
Использование jQuery AJAX для запуска кода PHP
Если вы используете jQuery, становится невероятно легко вызвать любой файл PHP с кодом, который вы хотите запустить.
Вы можете передать в функцию один или два параметра ajax(). Когда передаются два параметра, первым будет URL-адрес веб-страницы, на которую браузер отправит ваш запрос. Когда вы передаете только один параметр ajax(), URL-адрес будет указан в конфигурации.
Второй параметр содержит набор различных параметров конфигурации, чтобы указать данные, которые вы собираетесь обрабатывать, и что делать в случае успеха или неудачи и т. д. Параметры конфигурации передаются в формате JSON.
Вы можете использовать параметр method, чтобы указать метод HTTP, который следует использовать для выполнения запроса. Мы будем устанавливать его как POST, потому что мы будем отправлять данные на сервер.
Теперь давайте рассмотрим пример базового запроса AJAX, в котором мы будем передавать данные в файл PHP и вызывать функцию PHP wordwrap() внутри этого файла. Вот наша полная веб-страница:
PHP и JavaScript
— клиентский язык сценариев, который является очень эффективным средством решения многих задач, не требующих серверной обработки. Безусловно, JavaScript может применяться для создания далеко не всех приложений, поскольку в нем до сих пор не устранены некоторые недостатки, касающиеся удобства и простоты, а также защиты информации, но он предоставляет возможность использования таких сочетаний клиентского и серверного языков программирования, которые открывают целый ряд привлекательных функциональных возможностей.
В языках PHP и JavaScript предусмотрены разные объектные системы обозначений. В языке JavaScript используется так называемая уточняющая запись через точку в стиле C#, тогда как в языке PHP используются стрелки, иначе говоря, система обозначений в стиле C++. Язык JavaScript полностью объектно-ориентирован, тогда как в языке PHP объекты рассматриваются как необязательное средство. Такое различие систем обозначений имеет свое преимущество в том, что невозможно когда-либо спутать объект JavaScript с объектом PHP, или наоборот. А недостатком является то, что отсутствует возможность обратиться к одному и тому же объекту из обоих языков.
Вывод кода JavaScript с помощью сценария PHP
Язык PHP является серверным (поскольку для интерпретации кода на этом языке используется серверное приложение), а язык JavaScript — клиентским (аналогичное замечание), поэтому может показаться, что при использовании того и другого языка в одном и том же сценарии формирования страницы будут возникать проблемы. Но в действительности именно благодаря указанному различию эти два языка хорошо дополняют друг друга.
Безусловно, язык PHP обладает большими возможностями по созданию динамически формируемых веб-страниц, но PHP — исключительно серверный язык. К тому же есть одна общая категория задач, решаемых на веб-сайте, для которых чаще всего не требуется вся обрабатывающая мощь сервера, и поэтому эти задачи быстрее и проще решаются в клиентском программном обеспечении. К таким задачам, например, относится изменение внешнего вида кнопки при перемещении над ней курсора мыши. Для решения многих подобных задач можно легко применить язык JavaScript, который представляет собой чисто клиентский язык (безусловно, имеется и серверная версия этого языка, но предполагается, что для этой цели уже выбран язык PHP) и легко интегрируется с языком PHP.
С другой стороны, клиентский язык JavaScript сам по себе характеризуется многими ограничениями. Например, будучи клиентским языком, JavaScript не позволяет организовать непосредственное взаимодействие с базой данных, поэтому сценарии JavaScript не способны обновлять сами себя путем получения новых данных, зависящих от условий просмотра страницы.
Еще более важный недостаток состоит в том, что невозможно полностью полагаться на клиентские технологии, поскольку язык поддержки этих технологий может оказаться не установленным или запрещенным в браузере пользователя. Сознательные разработчики клиентских приложений для веб вынуждены либо выбирать вариант реализации кода наугад (и получать жалобы от пользователей менее распространенных браузеров), либо одновременно сопровождать несколько версий одного и того же сайта. (Несознательные разработчики просто берут за основу все возможности браузера, наиболее распространенного в среде пользователей, и, как один старый моряк, говорят: «К черту торпеды. «, но это — совсем другая история.) Язык PHP позволяет смягчить эффекты, связанные с неопределенностью поддержки клиентского программного обеспечения.
Широкие возможности вывода данных в языке PHP
Одной из наиболее важных особенностей языка PHP является то, что с его помощью можно обеспечить вывод кода в различных форматах. В частности, PHP может применяться (и применяется) для вывода открытого текста, кода HTML, XHTML, JavaScript, XML, MathML, файлов в различных графических форматах, кода CSS, XSL и даже (что трудно сначала представить себе) кода ASP.NET.
Кроме того, нет каких-либо реальных технических сложностей, которые не позволяли бы выводить с помощью языка PHP код C, хотя, по-видимому, такой способ применения PHP не находит слишком широкого распространения. Следует помнить, что язык PHP не используется исключительно для вывода кода HTML — конечным продуктом применения этого языка обычно становится код, предназначенный для обработки другим приложением, обычно браузером.
Для вывода кода JavaScript с помощью языка PHP может применяться целый ряд способов. Простейшим из них является выход из режима PHP каждый раз, когда требуется непосредственно включить какой-то текст в код страницы, передаваемый в клиентскую программу. Данный способ осуществляется точно по такому же принципу, как происходит выход из режима PHP для формирования кода HTML. Например:
Как и при формировании в сценарии PHP кода HTML, в некоторых случаях код JavaScript можно формировать, не выходя из режима PHP. К тому же подобный стиль организации работы сценариев PHP может соответствовать личным предпочтениям разработчика. В этом случае для вывода кода JavaScript может использоваться оператор echo или print языка PHP, как в следующем примере:
Стиль, в котором вывод кода JavaScript осуществляется полностью в режиме PHP, нельзя считать совсем неправильным, но при его использовании значительно затрудняется создание безошибочно действующих сценариев. Поэтому такой стиль следует отдать в распоряжение опытных программистов, а менее опытные программисты должны применять его исключительно в тех случаях, когда в код формируемой страницы требуется включить вызовы заранее определенных функций JavaScript, например, касающихся событий onsubmit.
Области применения языка JavaScript
Клиентский код JavaScript не обладает чрезвычайно большими функциональными возможностями, но позволяет быстрее решать некоторые задачи, а также создавать такие эффекты, которые довольно сложно воспроизвести с помощью PHP. Ниже перечислены такие функциональные средства кода, которые действительно следует дополнить или заменить в коде HTML-страницы функциями JavaScript:
Простые арифметические операции в формах и калькуляторах (такие как вычисление промежуточной суммы по товарам, собранным в тележку для покупок, и расчет платежей по ипотечной задолженности).
Простая проверка правильности формы (например, определение наличия символов @ в адресах электронной почты).
Реализация средств навигации сайта (например, создание разворачивающихся меню навигации).
Создание всплывающих меню (предупреждений, окон поиска).
Обработка событий, обнаруживаемых в браузере (mouseover, onclick).
Резервирование функциональных средств кода JavaScript с помощью кода PHP
Безусловно, как показывают приведенные выше рекомендации, язык JavaScript позволяет расширить функциональные возможности сайта, но если язык JavaScript не установлен в браузере или его использование запрещено, то компенсировать отсутствие поддержки JavaScript можно с помощью PHP. Дело в том, что иногда существует возможность безукоризненно выполнить одну и ту же задачу и с помощью клиентского, и с помощью серверного метода.
Если в браузере посетителя будет разрешено применение языка JavaScript, то посетитель получает возможность воспользоваться более быстрым методом. В противном случае применяется менее быстрый, резервный метод, но обычно посетители даже не замечают, что в коде сайта реализуется подобный выбор. А если бы не было возможности вместо кода JavaScript переходить к использованию кода PHP, то пользователи браузера без поддержки JavaScript были бы полностью лишены доступа к функциональным средствам сайта.
Идеальным примером резервирования кода JavaScript с помощью кода PHP является дважды зарезервированное разворачивающееся меню для навигации по страницам сайта без использования ссылок. Код JavaScript обеспечивает мгновенное перенаправление, а если в браузере не разрешено использование JavaScript, то в действие вступает код PHP, с помощью которого достигается такой же результат, но после более продолжительного ожидания.
В этом примере взят за основу тот факт, что в коде JavaScript имеются обработчики событий (например, onchange), которые выполняют свои действия в результате прохождения курсора над элементами формы HTML, поэтому фактически не требуют передачи данных формы щелчком на кнопке. Это означает, что кнопка Submit может быть зарезервирована для использования в коде PHP. В примере ниже показан сценарий формирования HTML-страницы, в котором используется перенаправление с помощью события onchange языка JavaScript, а если этот код не работает, то применяется обработчик формы PHP:
Обработка формы с помощью JavaScript
В файле обработчика формы PHP, называемом redirect.php, достаточно предусмотреть только две строки:
Аналогичное разделение труда можно предусмотреть при проверке правильности формы. Если разрешено использование языка JavaScript, то с его помощью можно убедиться в том, что номера телефонов имеют десять цифр, а адреса электронной почты включают и символ @ и еще какие-то символы. Если же применение JavaScript не разрешено, то можно написать небольшой сценарий PHP, который выполняет такие же действия при передаче данных формы и возвращает сообщение с предупреждением, если введенные значения являются неправильными.
Сравнение методов статического и динамического формирования кода JavaScript
Безусловно, статическая форма JavaScript — PHP, приведенная в примере выше, удобна для использования во многих приложениях, но она имеет один существенный недостаток — ее приходится сопровождать вручную. Каждый раз, когда потребуется добавить новую страницу к сайту, необходимо будет вспоминать о том, что ссылку на эту страницу необходимо ввести вручную в код формирования раскрывающегося списка. На первый взгляд может показаться, что в этом нет ничего особенного, но из массы таких мелочей складывается невероятно трудоемкая работа, когда приходится сопровождать огромный сайт с интенсивным трафиком.
Используя язык PHP в сочетании с базой данных, вы можете обеспечить автоматическое обновление определенной части кода JavaScript каждый раз после ввода новых данных в базу данных, иначе говоря, обеспечить динамическое обновление. К достижению такой цели следует стремиться при любой возможности, поскольку в долговременном плане это помогает экономить время. В примере ниже показано, как можно модифицировать форму, чтобы обеспечить лучшую интеграцию клиентского и серверного кода:
Исходная страница с динамически генерируемой формой
Несомненно, читатель уже понял, что аналогичный метод может оказаться буквально бесценным, даже если создается простая форма JavaScript (например, такая, в которой используется обработчик событий onsubmit, а не onchange). В частности, этот метод позволяет модифицировать вызовы обычных функций JavaScript, поскольку язык PHP позволяет изменять значения переменных в вызове функции, до того как код этого вызова будет отправлен в браузер. Поэтому при желании сценарии PHP могут использоваться непосредственно для вывода кода JavaScript, в котором предварительно осуществляется подстановка значений переменных, взятых из какого-то источника данных.
Передача данных в обратном направлении, из кода JavaScript в код PHP
Наконец, рассмотрим, как завершить цикл обработки данных, снова передав значения формы в код PHP из кода JavaScript. В примере ниже показано, как использовать код JavaScript, для передачи в сценарий PHP простого объекта:
Передача объекта из кода JavaScript в код PHP с использованием формата JSON 
Взаимодействие JavaScript и PHP Безопасность PHP и XML
PHP и JavaScript
Совместное использование PHP и JavaScript
Разместил на этой странице примеры написания кода, и результаты совместного использования двух самых основных языков программирования: PHP и JavaScript.
Такое позволяет взаимодействовать с сервером БЕЗ перезагрузки страниц. Иногда с частичной перезагрузкой.
Всё происходит здесь, на этой странице, т.е. совершенно без участия и загрузки отдельного «файла-обработчика».
Код, написанный по этой технологии, всегда состоит из двух частей. Одна из них выполняется в браузере (JavaScript), а вторая (PHP) на сервере.
Для передачи данных (т.е. значений переменных) из одного языка программирования в скрипты другого, и существует такая отличная технология совместного использования PHP и JavaScript.
Сначала самый простой пример работы и написания скрипта.
Передача данных из кода PHP в код JavaScript
Пробовал слово «Вася» взять в переменную в коде PHP, и передать её значение для вывода в код JavaScript.
Видно, что всё прошло «на ура»! Даже цвет и размер шрифта передался.
«Вася» преспокойно «переехал» из одного языка программирования в другой. Разумеется, не сама переменная «переехала», а именно её значение. Это важно!
**Сама переменная никогда и никуда НЕ передаётся, и передаваться НЕ может.
Она часть программы. Передаётся только её значение.
Передача данных из JavaScript в код PHP
Поэтому, просто так, как в верхнем примере, сделать уже «не прокатит». Нужно прописать метод. Иначе работать не будет!
Чаще всего используются методы: GET (для ссылок) и POST (для форм).
Хотя есть и более «экзотические» методы общения с сервером: TRACE DELETE PUT, и им подобные.
Из JavaScript в код PHP (методом GET)
Видно, что здесь тоже всё прошло отлично!
Ниже пример совместной работы двух языков программирования по второму методу.
Из JavaScript в код PHP (методом POST)
Дальше не стал выводить на экран монитора примеры написания использованных языковых конструкций.
Всё абсолютно то же самое! Разница только, что вместо «вытаскивания» из глобального массива $_GET, прописываем $_POST. И всё! Результат работы кода ниже.
Показал самые простые примеры совместного использования (один внутри другого) двух языков программирования.
**Очень важно! Быть внимательнее с синтаксисом!
Нужно прописывать ПОЛНЫЙ синтаксис JavaScript внутри кода PHP, и наоборот: ПОЛНЫЙ синтаксис PHP внутри JavaScript.
Дальше покажу более сложные, наглядные примеры, которые позволяют себя опробовать прямо на этой странице.
Примеры практического использования
Прежде всего, такую технологию используют для программирования простых действий: выбрать что-либо, добавить в корзину интернет-магазина, подписаться, вывести какие-нибудь данные и т.д., и т.п..
Из JavaScript в PHP (метод POST)
Выделил нижнюю пробную форму голубоватым фоном, чтоб не путалась с остальным содержанием страницы.
Сейчас в её текстовом поле находится то, что она получила из JavaScript. Если просто кликнуть по кнопке, то значение перейдёт в код PHP, а форма исчезнет.
Как уже писал, тестовая форма после клика по кнопке «Подача запроса» исчезает.
Есть ещё один интересный пример практического использования.
Изменение данных с помощью AJAX
Технология AJAX, несмотря на своё название «Asynchronous Javascript And Xml», может работать не только с файлами XML, а с разным типом.
К примеру, нижний тестовый блок получает их из ajax.htm
Позволить коду по технологии AJAX изменить содержание этого пробного блока?
Для повторного испытания работы скрипта, нужно просто обновить страницу, как обычно, через кнопку 
верхней панели управления.
Главное! При внесении изменений во входящий файл, НЕ ЗАБЫТЬ(!) обратиться к нему «напрямую», чтобы изменения вступили в силу.
Он гораздо «хитрее» по своему устройству, чем все показанные до него примеры. Да, и не только это.
Пришлось текстовую информацию написать на английском языке. Русские символы верно показывал только Internet Explorer 8.
Однако, самое главное «НО!» не в этом, а в том, что попытки создать и использовать ещё один тестовый блок (подобный показанному) на этой же странице ни к чему хорошему не привели.
Компьютер «вконец запутался», чего от него хотят, и локальный сервер стал давать сбои.
Поэтому, хоть последний показанный способ обмена данными и интересен, но мне всё же больше нравятся простые. Те, что показывал ДО него.
Тем не менее!
Если вдруг будет нужно, то отличная, подробнейшая(!) информация по созданию и настройке XMLHttpRequest (ajax-запросов) находится здесь. 
В заключение маленькое дополнение о похожих способах изменения данных.
Дополнение
Однако, это именно внешне!
Там всё уже было на самой странице, и просто пряталось/показывалось методами языка JavaScript hide/show.
Здесь же страница ничего не знает (до клика по кнопке) о содержании подключённого к ней файла.
Как я могу вызвать функции PHP с помощью JavaScript?
Я пытаюсь вызвать функцию PHP из внешнего файла PHP в сценарий JavaScript. Мой код отличается и большой, поэтому я пишу пример кода здесь.
Это мой код JavaScript:
Вот что я хочу сделать.
Мой оригинальный файл PHP не содержит этих математических функций, но идея та же.
Если кто-то не может найти правильное решение, вы можете пожалуйста предложить альтернативу, но он должен вызывать значения из внешнего PHP.
11 ответов
Да, вы можете выполнить ajax-запрос к серверу с вашими данными в параметрах запроса, например (очень просто):
Обратите внимание, что в следующем коде используется jQuery
И your_functions_address.php вот так:
Вам необходимо создать API: ваши функции js выполняют запросы AJAX на вашем веб-сервисе.
Если вы действительно хотите отправить данные в скрипт php, например, вы можете сделать это:
Js (используя jquery):
Я создал эту библиотеку, может быть, вам поможет. клиентская и серверная библиотека MyPHP
Я создал эту библиотеку JS PHP Import, которую вы можете загрузить с github и использовать всякий раз, когда и где угодно.
Библиотека позволяет импортировать функции php и методы класса в среду браузера javascript, поэтому к ним можно обращаться как к функциям и методам javascript, используя их фактические имена. Код использует обещания javascript, так что вы можете связывать возвращаемые функции.
Я надеюсь, что это может быть полезно для вас.
Используйте document.write, например,
Попробуйте посмотреть на CASSIS. Идея состоит в том, чтобы смешать PHP с JS, чтобы оба могли работать на стороне клиента и сервера.
Эта работа идеально подходит для меня:
Чтобы вызвать функцию PHP (также с параметрами), вы можете, как говорили многие, отправить параметр, открывающий файл PHP, и оттуда проверить значение параметра для вызова функции. Но вы также можете сделать то, что многие говорят, что это невозможно: напрямую вызывать правильную функцию PHP, не добавляя код в файл PHP.
Это для JavaScript.
Итак, ваш PHP-код остается равным, кроме возвращаемых значений, которые будут отображаться:
или из Microsoft CDN: «Я предпочитаю Google! :)»
Лучше скачать файл с одного из двух CDN и поместить его как локальный файл, чтобы загрузка вашего сайта при загрузке была быстрее!
Теперь вы закончили! Я просто расскажу вам, как использовать функцию callPHP . Это JavaScript для вызова PHP:
как выполнить php-код в javascript
когда кнопка нажата, я хочу выполнить php-код (в этот момент, чтобы эхо asadasda)
8 ответов
этот код должен дать вам всплывающее окно
вы можете использовать http://phpjs.org/ http://locutus.io/php/ он переносит кучу функций PHP на javascript, но если это просто эхо, и скрипт находится в файле php, вы можете сделать что-то вроде этого:
не беспокойтесь о беглом использовании двойных кавычек, PHP отобразит это до того, как браузер это увидит.
что касается использования ajax, самый простой способ-использовать библиотеку, например jQuery. С этим вы можете сделать:
он напишет содержимое теста.php для любого элемента имеет result класса.
взаимодействие Javascript и PHP
мы все выросли, зная, что Javascript работает на стороне клиента (т. е. браузер) и PHP был инструментом на стороне сервера (т. е. на стороне сервера). Ясно, что эти двое просто не могут взаимодействовать.
во-первых, чтобы уточнить использование DHTML, я приведу этот пример DHTML:
предполагая, что у нас есть html-файл с где-то, затем мы можем изменить отображение с помощью простого
Golly gee; нам не нужен PHP, чтобы сделать это сейчас! Но это создает структуру для применение PHP предоставленного контента.
мы меняем веб-страницу в вопросе в PHTML введите, чтобы разрешить доступ PHP на стороне сервера к содержанию:
Теперь наши javascripts могут добраться до глобалов PHP следующим образом:
в javascript замените
var textMsg = ‘Спокойной ночи, Грейси’;
С: // использование php returnContent ()
предстоит решить: вызов updateContent() с именем и используя его через onClick () вместо onLoad ()
пример может быть приведен в Sample_Dynamic_Frame.zip для вашего осмотра, но не нашел средства, чтобы прикрепить его
Если вы хотите сделать это, вы должны сделать запрос ajax к php-скрипту и вернуть результаты, которые вы ищете.
Почему вы хотите это сделать?
если вы просто хотите, чтобы эхо сообщение от PHP в определенном месте на странице, когда пользователь нажимает кнопку, Вы можете сделать что-то вроде этого:
это запускает скрипт php и загружает любое сообщение, которое он возвращает в
order_item.php добавит элемент в корзину и просто повторит любое сообщение, которое вы хотите отобразить. Чтобы заставить пример работать, этого будет достаточно как order_item.на PHP:
для этого вам нужно будет включить jQuery на свою страницу, добавив это в свой tag:
Если вы не хотите включать библиотеку jquery, вы можете просто сделать следующее
a) ad iframe, Размер 0px, поэтому он не виден, href пуст
b) выполните это в вашей функции кода js
это выполнит скрипт php, и вы можете, например, сделать обновление базы данных.
поместите свой php в скрытый div и вызовите его с помощью javascript
php часть
javascript часть
теперь вы можете делать что угодно с поля myfield.