Ajax and php function

How to Call a PHP function from JavaScript Using ajax

If you have to write code in PHP, it will be necessary that the information found by the server is shown dynamically on the screen. This can be done by calling a PHP function from JavaScript.

This article shows how to achieve this method and how to use it properly.

Call external PHP function from JavaScript

JavaScript is a client-side language whereas PHP is a server-side language. So this is not possible to call a PHP function from JavaScript.

But it is possible to call a PHP function using ajax. So let’s check how it works.

What’s an AJAX request?

AJAX stands for Asynchronous JavaScript and XML and it is used to make asynchronous HTTP requests (GET/POST) to send or receive data from the server without refreshing the page. It looks like this:

Make Ajax Request  

Let’s take a basic example. Suppose, you have a page and you want to call a PHP function that will print a basic sentence i.e. “Hello World!” from an external page. So how to do it?

Here I am using jQuery to get the result from external-page.php . The external-page.php contains a basic PHP function like below.

So the conclusion is you can’t call PHP function from JavaScript without ajax. But using ajax, you can call an external page that has a PHP function and you can also show the return value of that function via JavaScript.

Call PHP function from JavaScript with parameters

Sometimes you need to pass parameters to a PHP function. But here we have to use Ajax again.

We can pass our parameters using GET/POST methods. Let’s check an example.

Here we have passes two parameters i.e. fno and sno . In our PHP function, it will be added and show the result.

After refreshing the page, you will get 20.

Call PHP function from the same page using JavaScript

Suppose you need to show the current server date when a user clicks on a button. So let’s check the code.

Get Date  

In the above code, I have called the PHP date() function to show the current date and store the value into the JavaScript variable server_date .

When a user clicks on “Get Date” button, it will show the PHP-generated current date.

Final Word

This blog post has introduced you to the basics of how to call a PHP function from JavaScript using Ajax. It’s time for me to wrap this up and give you some more resources on working with AJAX through other tutorials. I hope that this tutorial was helpful! If there is anything else we can do for you, please let us know. Happy coding!

About Ashis Biswas

A web developer who has a love for creativity and enjoys experimenting with the various techniques in both web designing and web development. If you would like to be kept up to date with his post, you can follow him.

Источник

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

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

Может быть множество других случаев, когда вы захотите запустить некоторый PHP-код внутри JavaScript — например, чтобы сохранить некоторые данные на сервере. Простое размещение PHP-кода внутри JavaScript в этом случае тоже не сработает.

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

Каждый раз, когда вы хотите посетить страницу, браузер отправляет запрос на сервер, который затем обрабатывает запрос и генерирует некоторые выходные данные, запустив код PHP. Затем полученная или сгенерированная веб-страница отправляется вам обратно. Браузер обычно ожидает, что веб-страница будет состоять из HTML, CSS и JavaScript. Любой PHP, который вы могли разместить или повторить внутри JavaScript, либо уже запущен, либо не будет работать вообще, когда веб-страница загружается в браузере.

Однако надежда еще не потеряна. В этой статье я объясню, как вы можете вызывать функции PHP из JavaScript и функции JavaScript из PHP.

Курс «Frontend-разработчик»

— Научитесь верстать сайты для всех типов устройств.

— Сможете использовать JavaScript для работы в браузере.

— 77 часов теории, 346 часов практики.

— Выполните 5 масштабных проектов для портфолио.

— Помощь с поиском работы или стажировки.

Курс «Fullstack-разработчик на JavaScript»

— Научитесь программировать на JavaScript и TypeScript.

— Cможете самостоятельно создавать сайты и веб-приложения.

— Освоите передовые технологии — React, Node.js, Docker, Express.js, Nest.js, Firebase, MongoDB.

— Выполните 9 масштабных проектов для портфолио

— Помощь с поиском работы или стажировки.

Backend-разработка на Node.js

— Node.js позволит вам разрабатывать backend для веб-приложений самостоятельно.

— Изучив Node.js, frontend-разработчики становятся fullstack-разработчиками.

— 40 часов теории, 184 часа практики.

— 120 000 рублей средняя зарплата Node.js-разработчика.

— Помощь с поиском работы или стажировки.

Вызов функции PHP из JavaScript

Мы можем использовать AJAX для вызова функции PHP для данных, созданных внутри браузера. AJAX используется на многих веб-сайтах для обновления частей веб-страниц без полной перезагрузки страницы. Если все сделано правильно, это может значительно улучшить взаимодействие с пользователем.

Имейте в виду, что код PHP по-прежнему будет работать на самом сервере. Мы просто предоставим ему данные из нашего скрипта.

Использование jQuery AJAX для запуска кода PHP

Если вы используете jQuery, становится невероятно легко вызвать любой файл PHP с кодом, который вы хотите запустить.

Вы можете передать в функцию один или два параметра ajax(). Когда передаются два параметра, первым будет URL-адрес веб-страницы, на которую браузер отправит ваш запрос. Когда вы передаете только один параметр ajax(), URL-адрес будет указан в конфигурации.

Второй параметр содержит набор различных параметров конфигурации, чтобы указать данные, которые вы собираетесь обрабатывать, и что делать в случае успеха или неудачи и т. д. Параметры конфигурации передаются в формате JSON.

Вы можете использовать параметр method, чтобы указать метод HTTP, который следует использовать для выполнения запроса. Мы будем устанавливать его как POST, потому что мы будем отправлять данные на сервер.

Теперь давайте рассмотрим пример базового запроса AJAX, в котором мы будем передавать данные в файл PHP и вызывать функцию PHP wordwrap() внутри этого файла. Вот наша полная веб-страница:

Источник