Как вытащить переменную PHP из .php файла в .html-файл с помощью AJAX?

Question

[Сергей]

Есть index.html и file.php
Есть простая переменная в file.php:
$password="dog";
Нужно, чтобы в index.html посетители видели этот "dog" по нажатию кнопки.
Проблема в том, что я никогда не работал с AJAX, нужно это сделать без перезагрузки.
P.S: Можно использовать jQuery ^-)
P.P.S: Понимаю, что вопрос из разряда "иди и читай учебники". Но сейчас на это тупо нет времени, увы. В интернете всюду здоровенные простыни кодов.

Comments

[edward_freedom]

так закрой задачу с здоровенной простыней, а потом будет время, переделаешь микро простынкой

[Сергей]

edward_freedom, так это не задача, это типа "пример для начинающих". Мне бы сейчас что покороче.
Лезу в книгу по JS - там php не разбирают и jQuery древний.
Лезу в PHP - там здоровенные циклы по вытягиванию данных из таблиц, причём, весь сайт изначально на php-файле.
Лезу в инет - там здоровенные примеры. А у меня-то задача совсем примитивная, из серии "дяденька, помоги, а я завтра выучу."

[edward_freedom]

Сергей, почитав твои ответы, ты оказывается в прошлом фронендер, ты полностью js забыл? jQuery вообще не обязательно, сделай на чистом js, который ты должен хоть как то помнить

[Сергей]

edward_freedom, я его уже несколько лет не использовал, как и php, как и jQuery, как и phpmyadmin, как и SQL-запросы. Я делал анимацию на JS и CSS3.
Поверь, я не от хорошей жизни такое прошу.
Последние несколько лет я вообще занят подготовкой ребят к ЕГЭ.
Мне сейчас сортировки разные куда легче сделать, чем элементарный запрос Аякса.

Answer 1

[rPman]

на сервере php файл должен возвращать, к примеру json
echo json_encode($my_cool_object);

на клиенте, jquery должен делать запрос

$.get('my_cool.php',function(data){alert(data);},'json')

Comments

[Сергей]

Fatal error: Uncaught Error: Call to undefined function hson_encode() in /home/shull/shull.ru/docs/ajax/file.php:2 Stack trace: #0 {main} thrown in /home/shull/shull.ru/docs/ajax/file.php on line 2

[Шлёпа Коммунистка]

Нет функции Hson_encode есть json_encode....

[Сергей]

Итак, простейший AJAX JSON на jQuery делается так: (спасибо rPman )
html файл:

<script src="jquery-3.6.0.min.js"></script>
<script>
$(function(){


$.get('file.php',function(data){alert(data);},'json')


});
</script>

php-файл:

<?php

$my_cool_object=159;
echo json_encode($my_cool_object);
?>

[Сергей]

Луиджи Вампа, я это только что понял :-)

[rPman]

я ошибку поправил в ту же минуту, ты что обновлял страничку вопроса непрерывно чтобы узнать ответ побыстрее?

[Сергей]

Кстати, наличие других echo в php-файле надежно хоронят весь проект.
Понятия не имею, как так получилось, но это факт.

[rPman]

Понятия не имею, как так получилось, но это факт.

катастрофа, пока ты не будешь понимать что написано в коде, за разработку браться не советую

лишние echo портят вывод json, он становится не валидным, и клиент его уже не может прочитать (точнее jquery не может его распарсить)

[Сергей]

катастрофа, пока ты не будешь понимать что написано в коде, за разработку браться не советую

Ещё какая! Но выбора нет.

Answer 2

[Шлёпа Коммунистка]

Вам нужно написать примерно такой код

<script>
var btn = $('#my_btn').text;
btn.click = getPasswrod();

function getPassword(){
    var myInput = $('#rny_input').val();
    $.ajax({
        type: "POST",
        url: "my_file_handler.php",
    }).done(function( result )
        {
            myInput = result;
        });
}