Выполнить скрипт php при нажатии на кнопку

@rsl89 · Регистрация: 18.04.2020

Author24 — интернет-сервис помощи студентам

Всем привет.
Задача следующая, есть форма:

HTML5

                                            
<form method="post" action="">
<div class="woo-wallet-add-amount fre-input-field">
<label for="woo_wallet_balance_to_add"><?php _e( 'Enter amount', 'woo-wallet' ); ?></label>
<?php
$min_amount = woo_wallet()->settings_api->get_option( 'min_topup_amount', '_wallet_settings_general', 0 );
$max_amount = woo_wallet()->settings_api->get_option( 'max_topup_amount', '_wallet_settings_general', '' );
?>
<input type="number" step="0.01" min="<?php echo $min_amount; ?>" max="<?php echo $max_amount; ?>" name="woo_wallet_balance_to_add" id="woo_wallet_balance_to_add" class="woo-wallet-balance-to-add" required="" />
<?php wp_nonce_field( 'woo_wallet_topup', 'woo_wallet_topup' ); ?>
<input type="submit" name="woo_add_to_wallet" class="woo-add-to-wallet fre-normal-btn-o" value="<?php _e( 'Add', 'woo-wallet' ); ?>" />
</div>
</form>

Нужно при нажатии на кнопку его выполнить, базово это было бы:

PHP

1	if (isset($_POST['woo_add_to_walle'])) //если нажата кнопка...

но все формы темы завязаны на js, так не выполняется.

Подскажите костыльный способ выполнить php запрос прямо в файле формы, чтобы не трогать и лопатить все исполнительные файлы JS темы?

Добавлено через 43 минуты
Можно попробовать что-то вроде этого:

Javascript

$("#woo_wallet_balance_to_add").click(function(){
  $.post("PHPfile.php", function(){
    alert("Success!");
  });
});

но как вместо PHPfile.php вставить свой код?

Добавлено через 27 минут
Попробовал через ajax
в кнопку добавил onclick="foo()"

и добавил скрипт:

Javascript

                                            <script>
                                            function foo () {
                                            $.ajax({
                                            function:"amount_y_money",
                                            type: "POST",
                                            success:function(result){
                                            alert(result);
                                            }
                                            });
                                            }
                                            </script>

выше в файле создал функцию:

PHP

1	function amount_y_money() {

не сработало

@Smls · 21.02.2021, 15:38

Яваскрипт не может PHP выполнять, он может только отправить запрос к PHP скрипту который сделает то что нужно и вернёт какой-то ответ.
Объясните что вы в итоге сделать хотите?

PHP

1	if (isset($_POST['woo_add_to_walle']))

Если в POST запросе есть woo_add_to_walle то что должно произойти?

@rsl89 · 21.02.2021, 20:12 **[ТС]**

должна выполниться php функция из этого же файла, или просто php скрипт в этом же файле

Добавлено через 1 минуту
Блин даже так не работает, не хотел подключать файл:

HTML5

                                            <form method="post" action="" id="y_money">
                                                <div class="woo-wallet-add-amount fre-input-field">
                                                    <label for="woo_wallet_balance_to_add"><?php _e( 'Enter amount', 'woo-wallet' ); ?></label>
                                                    <?php
                                                    $min_amount = woo_wallet()->settings_api->get_option( 'min_topup_amount', '_wallet_settings_general', 0 );
                                                    $max_amount = woo_wallet()->settings_api->get_option( 'max_topup_amount', '_wallet_settings_general', '' );
                                                    ?>
                                                    <input type="number" step="0.01" min="<?php echo $min_amount; ?>" max="<?php echo $max_amount; ?>" name="woo_wallet_balance_to_add" id="woo_wallet_balance_to_add" class="woo-wallet-balance-to-add" required="" />
 
                                                    
                                                    <input type="hidden" name="user_id_u_money" value="<?= $user_ID ?>">
 
 
                                                    <?php wp_nonce_field( 'woo_wallet_topup', 'woo_wallet_topup' ); ?>
                                                    <input id="woo_add_to_wallet" type= "submit" name="woo_add_to_wallet" class="woo-add-to-wallet fre-normal-btn-o" value="<?php _e( 'Add', 'woo-wallet' ); ?>"/>
                                                </div>
                                            </form>
 
 
                                            <script>
                                                $('#woo_add_to_wallet').click(function(event){
                                                    event.preventDefault();
                                                    $.post('amount_ymoney.php', $('#y_money').serialize(),function (data){
                                                        // data - это ответ сервера, с которым что-то можно сделать
                                                    });
                                                });
                                            </script>

Добавлено через 2 часа 39 минут
так тоже не работает

HTML5

                                            <form method="post" action="" id="y_money">
                                                <div class="woo-wallet-add-amount fre-input-field">
                                                    <label for="woo_wallet_balance_to_add"><?php _e( 'Enter amount', 'woo-wallet' ); ?></label>
                                                    <?php
                                                    $min_amount = woo_wallet()->settings_api->get_option( 'min_topup_amount', '_wallet_settings_general', 0 );
                                                    $max_amount = woo_wallet()->settings_api->get_option( 'max_topup_amount', '_wallet_settings_general', '' );
                                                    ?>
                                                    <input type="number" step="0.01" min="<?php echo $min_amount; ?>" max="<?php echo $max_amount; ?>" name="woo_wallet_balance_to_add" id="woo_wallet_balance_to_add" class="woo-wallet-balance-to-add" required="" />
 
 
                                                    <input type="hidden" name="user_id_u_money" value="<?= $user_ID ?>">
 
 
                                                    <?php wp_nonce_field( 'woo_wallet_topup', 'woo_wallet_topup' ); ?>
                                                    <input onclick="foo()" id="woo_add_to_wallet" type= "submit" name="woo_add_to_wallet" class="woo-add-to-wallet fre-normal-btn-o" value="<?php _e( 'Add', 'woo-wallet' ); ?>"/>
                                                </div>
                                            </form>
 
 
                                            <script>
                                                function foo () {
                                                    $.ajax({
                                                        url:"amount_ymoney.php", //the page containing php script
                                                        type: "POST", //request type
                                                        success:function(result){
                                                            alert(result);
                                                        }
                                                    });
                                                }
                                            </script>

Добавлено через 1 минуту
так тоже не работает:

Javascript

                                            <script>
                                                $(document).ready(function() {
                                                    $("woo_add_to_wallet").click(function(){
                                                        $.ajax({
                                                            url:"amount_ymoney.php", //the page containing php script
                                                            type: "POST", //request type
                                                            success:function(result){
                                                                alert(result);
                                                            }
                                                        });
                                                    });
                                                })
                                            </script>

Добавлено через 1 час 36 минут
так тоже не вышло:

HTML5

                                          <form method="post" action="" id="y_money">
                                                <div class="woo-wallet-add-amount fre-input-field">
                                                    <label for="woo_wallet_balance_to_add"><?php _e( 'Enter amount', 'woo-wallet' ); ?></label>
                                                    <?php
                                                    $min_amount = woo_wallet()->settings_api->get_option( 'min_topup_amount', '_wallet_settings_general', 0 );
                                                    $max_amount = woo_wallet()->settings_api->get_option( 'max_topup_amount', '_wallet_settings_general', '' );
                                                    ?>
                                                    <input type="number" step="0.01" min="<?php echo $min_amount; ?>" max="<?php echo $max_amount; ?>" name="woo_wallet_balance_to_add" id="woo_wallet_balance_to_add" class="woo-wallet-balance-to-add" required="" />
 
 
                                                    <input type="hidden" name="user_id_u_money" value="<?= $user_ID ?>">
 
 
                                                    <?php wp_nonce_field( 'woo_wallet_topup', 'woo_wallet_topup' ); ?>
                                                    <input id="woo_add_to_wallet" type= "submit" name="woo_add_to_wallet" class="woo-add-to-wallet fre-normal-btn-o" value="<?php _e( 'Add', 'woo-wallet' ); ?>" onclick="getAjax(); return false;"/>
                                                </div>
                                            </form>
 
 
                                            <script type="text/javascript">
                                                //<![CDATA[
                                                function getAjax(){
                                                    $.ajax({
                                                        url: "amount_ymoney.php", 
                                                        type: "POST",     
                                                        data: { 
                                                            act: $('#y_money').val()
                                                        },
                                                        
                                                        success: function( data ) {
                                                            
                                                        }
                                                    });
 
                                                }
 
                                                //]]>
                                            </script>

@fanatikus · 21.02.2021, 21:49

Сообщение от rsl89

if (isset($_POST['woo_add_to_walle']))

это сработает если в пост будет индекс woo_add_to_walle

Javascript

$(document).ready(function() {
    $("#woo_add_to_wallet").click(function(){
        $.ajax({
            url:"amount_ymoney.php", //the page containing php script
            type: "POST", //request type
            data:{'woo_add_to_wallet': 1},
            success:function(result){
                alert(result);
            }
        });
    });
})

@rsl89 · 21.02.2021, 22:16 **[ТС]**

не понял это, что значит:

это сработает если в пост будет индекс woo_add_to_walle

Добавлено через 1 минуту
индекс есть, не срабатывает

Добавлено через 1 минуту

Javascript

$(document).ready(function() {
    $("#woo_add_to_wallet").click(function(){
        $.ajax({
            url:"amount_ymoney.php", //the page containing php script
            type: "POST", //request type
            data:{'woo_add_to_wallet': 1},
            success:function(result){
                alert(result);
            }
        });
    });
})

не сработало((

Добавлено через 18 минут
может как-то

Javascript

1	document.getElementById('y_money').submit();

пристроить?

@fanatikus · 21.02.2021, 22:27

не заметил, у вас кнопка type="submit"
тогда нужно отменить дейстие по умолчанию

Javascript

$(document).ready(function() {
    $("#woo_add_to_wallet").click(function(e){
        e.preventDefault();
 
        $.ajax({
            url:"amount_ymoney.php", //the page containing php script
            type: "POST", //request type
            data:{'woo_add_to_wallet': 1},
            success:function(result){
                alert(result);
            }
        });
    });
})

Добавлено через 2 минуты

Сообщение от rsl89

wp_nonce_field(

это wordpress?
у wp, свои заморочки с ajax

@rsl89 · 21.02.2021, 22:35 **[ТС]**

Javascript

$(document).ready(function() {
    $("#woo_add_to_wallet").click(function(e){
        e.preventDefault();
 
        $.ajax({
            url:"amount_ymoney.php", //the page containing php script
            type: "POST", //request type
            data:{'woo_add_to_wallet': 1},
            success:function(result){
                alert(result);
            }
        });
    });
})

так вообще ничего с формой не происходит( кнопка не нажимается

Добавлено через 3 минуты

то wordpress?
у wp, свои заморочки с ajax

да, WP

@gogolik · 22.02.2021, 11:23

rsl89, https://wp-kama.ru/id_2018/ajax-v-wordpress.html

@rsl89 · 22.02.2021, 23:06 **[ТС]**

Сообщение от gogolik

rsl89, https://wp-kama.ru/id_2018/ajax-v-wordpress.html

попробовал согласно гайда:

на фронте:

HTML5

                                            <form method="post" action="" id="y_money" name="y_money">
                                                <div class="woo-wallet-add-amount fre-input-field">
                                                    <label for="woo_wallet_balance_to_add"><?php _e( 'Enter amount', 'woo-wallet' ); ?></label>
                                                    <?php
                                                    $min_amount = woo_wallet()->settings_api->get_option( 'min_topup_amount', '_wallet_settings_general', 0 );
                                                    $max_amount = woo_wallet()->settings_api->get_option( 'max_topup_amount', '_wallet_settings_general', '' );
                                                    ?>
                                                    <input type="number" step="0.01" min="<?php echo $min_amount; ?>" max="<?php echo $max_amount; ?>" name="woo_wallet_balance_to_add" id="woo_wallet_balance_to_add" class="woo-wallet-balance-to-add" required="" />
 
                                                    <?php wp_nonce_field( 'woo_wallet_topup', 'woo_wallet_topup' ); ?>
                                                    <input id="woo_add_to_wallet" type= "submit" name="woo_add_to_wallet" class="woo-add-to-wallet fre-normal-btn-o" value="<?php _e( 'Add', 'woo-wallet' ); ?>" />
                                                </div>
                                            </form>
 
                                            <script>
                                                jQuery(".woo_add_to_wallet").click(function(){
 
                                                    jQuery.get(ajaxurl,{'action': 'ymoney'},
                                                        function (msg) { alert(msg);});
 
                                                });
 
                                            </script>

в func:

PHP

add_action('wp_ajax_nopriv_ymoney', 'say_add_ymoney');
add_action('wp_ajax_ymoney', 'say_add_ymoney');
 
function say_add_ymoney(){
    include_once($_SERVER['DOCUMENT_ROOT'] . '/wp-content/themes/freelanceengine/template/amount_ymoney.php');
    exit();
}

не случилось, функция не выполнилась(

Добавлено через 4 часа 45 минут

Сообщение от gogolik

rsl89, https://wp-kama.ru/id_2018/ajax-v-wordpress.html

В общем посмотрел это 100 раз.
Тут глянул: https://misha.agency/wordpress/ajax.html - очень помогло.
только добавил еще передачу данных в date

В общем все как обычно для WP:
1. Хуки в functions
2. Форма POST
3. Передаем по ajax

P/S woocommerce начал ругаться что из его формы POSTом забираю данные:

Javascript

1	woo_wallet_balance_to_add: jQuery('input[name=woo_wallet_balance_to_add]').val(),

Добавлено через 14 минут
Другая проблема, перенес на сервер с локалки.
Не работает))
Может быть проблема с SSL?

Добавлено через 14 минут
Что с скриптом не так, что он работает на локалке но не работает на сервере?

Javascript

                                            <script>
                                                jQuery(function($){
                                                    $('#woo_add_to_wallet').click(function(){
                                                        $.ajax({
                                                            url: '/wp-admin/admin-ajax.php',
                                                            type: 'POST',
                                                            data: {
                                                                action: 'ymoney',
                                                                woo_wallet_balance_to_add: jQuery('input[name=woo_wallet_balance_to_add]').val(),
                                                            },
 
                                                            success: function (html) {
                                                                console.log('true');
                                                            }
                                                        });
                                                        // если элемент – ссылка, то не забываем:
                                                        // return false;
                                                    });
                                                });
                                            </script>

@rsl89 · 23.02.2021, 12:26 **[ТС]**

Нашел зацепку почему на хостинге не выполняется AJAX запрос а на локалке выполняется
На хостинге в консоли наблюдаем ЗАБЛОКИРОВАНО, в чем может быть проблема?

@rsl89 · 23.02.2021, 12:54 **[ТС]**

На странице, где расположена форма есть ошибка в консоли:
Uncaught TypeError: url.indexOf is not a function
jQuery 6

но она есть и на локалке, там же все равно ajax отрабатывает

Новые блоги и статьи
Это работает. Скорость асинхронной логики велика. Вопрос видимо останется в стабильности. Плата - огонь! Hrethgir 13.01.2025 По прошлому проекту в Logisim Evolution https:/ / www. cyberforum. ru/ blogs/ 223907/ blog8781. html прилагаю файл архива проекта Gowin Eda и снимок. Восьмибитный счётчик из сумматора+ генератор сигнала. . .	UserScript для подсветки кнопок языков программирования в зависимости от текущего раздела volvo 13.01.2025 В результате работы этого скрипта подсвечиваются нужные кнопки не только в форме быстрого ответа, но и при редактировании сообщения: / / ==UserScript== / / @name CF_DefaultLangSelect / / . . .	Введение в модели и алгоритмы машинного обучения InfoMaster 12.01.2025 Машинное обучение представляет собой одну из наиболее динамично развивающихся областей искусственного интеллекта, которая фокусируется на разработке алгоритмов и методов, позволяющих компьютерам. . .	Как на Python создать нейросеть для решения задач InfoMaster 12.01.2025 В контексте стремительного развития современных технологий особое внимание уделяется таким инструментам, как нейросети. Эти структуры, вдохновленные биологическими нейронными сетями, используются для. . .	Как создать нейросеть для генерации картинок на Python InfoMaster 12.01.2025 Генерация изображений с помощью искусственных нейронных сетей стала одним из наиболее захватывающих направлений в области компьютерного зрения и машинного обучения. В этой статье мы рассмотрим. . .	Создание нейросети для генерации текста на Python InfoMaster 12.01.2025 Нейросети, или искусственные нейронные сети, представляют собой модели машинного обучения, вдохновленные работой человеческого мозга. Они состоят из множества взаимосвязанных узлов, или "нейронов",. . .
Как создать нейросеть распознавания изображений на Python InfoMaster 12.01.2025 Введение в распознавание изображений с помощью нейросетей Распознавание изображений с помощью нейронных сетей стало одним из самых впечатляющих достижений в области искусственного интеллекта. Эта. . .	Основы искуственного интеллекта InfoMaster 12.01.2025 Искусственный интеллект (ИИ) представляет собой одну из наиболее динамично развивающихся областей современной науки и технологий. В широком смысле под искусственным интеллектом понимается способность. . .	Python и нейросети InfoMaster 12.01.2025 Искусственные нейронные сети стали неотъемлемой частью современных технологий, революционизировав множество областей - от медицинской диагностики до автономных транспортных средств. Python, благодаря. . .	Python в машинном обучении InfoMaster 12.01.2025 Python стал неотъемлемой частью современного машинного обучения, завоевав позицию ведущего языка программирования в этой области. Его популярность обусловлена несколькими ключевыми факторами, которые. . .	Создание UI на Python с TKinter InfoMaster 12.01.2025 TKinter — это одна из наиболее популярных библиотек для создания графических интерфейсов пользователей (GUI) в языке программирования Python. TKinter входит в стандартную библиотеку Python, что. . .	HTML5 в разработке мобильных приложений InfoMaster 12.01.2025 Введение: Обзор роли HTML5 в мобильной разработке В современном мире мобильных технологий HTML5 стал ключевым инструментом для разработки кроссплатформенных приложений. Эта технология произвела. . .

@gogolik Monsieur Toxicité 2844 / 1893 / 813 Регистрация: 13.03.2010 Сообщений: 6,194
	22.02.2021, 11:23	8
	rsl89, https://wp-kama.ru/id_2018/ajax-v-wordpress.html 0

@rsl89 9 / 8 / 2 Регистрация: 18.04.2020 Сообщений: 571
	23.02.2021, 12:26 [ТС]	10
	Нашел зацепку почему на хостинге не выполняется AJAX запрос а на локалке выполняется На хостинге в консоли наблюдаем ЗАБЛОКИРОВАНО, в чем может быть проблема? Миниатюры 0

@rsl89 9 / 8 / 2 Регистрация: 18.04.2020 Сообщений: 571
	23.02.2021, 12:54 [ТС]	11
	На странице, где расположена форма есть ошибка в консоли: Uncaught TypeError: url.indexOf is not a function jQuery 6 но она есть и на локалке, там же все равно ajax отрабатывает 0