& lt; input>使用AJAX调用PHP函数 - <input> calling a PHP function using AJAX

<input> calling a PHP function using AJAX

本文关键字：调用函数 PHP AJAX lt input 使用 | 更新日期: 2023-09-27

我正在尝试使用AJAX调用PHP函数来检查按下的按钮是否为右键。

但我似乎不明白。

我使用这个作为<input>代码:

<?php
     $i=0;
     while ($i<4){
?>
    <input style="background-color: <?php echo $buttonColors[$i]; ?>" onclick="echoHello(<?php echo $i?>)" type="submit" value="<?php echo $buttonName[$i]; ?>">
<?php $i=$i+1; } ?>

和我试图调用一个PHP函数时，按钮被单击。我试过了:

 <script>
        function echoHello()
        {
            alert("<?php hello(); ?>");
        }
    </script>
    <?php
    function hello() {
        echo "Hello World";
    }
    ?>

这个工作，所以我试着把它改为:

<script>
        function echoHello(num)
        {
            alert("<?php hello(num); ?>");
        }
    </script>
    <?php
    function hello($num) {
        if($num == 1) {
        echo "Correct button!!!";
    } else {
        echo "WRONG BUTTON";
    }
    ?>

但这似乎不起作用。我做错了什么?

我想你把一些事情弄混了。我建议只是写出按钮，并将按钮值传递给javascript:

<?php
    $i=0;
    while ($i<4){
?>
<input onclick="echoHello(this.value)" type="submit" value="<?php echo $buttonName[$i]; ?>">
<?php 
     $i=$i+1; 
    } ?>

，然后在你的javascript(添加所有的jQuery的好处后):

function echoHello(btnValue) {
    $.ajax({
      type: "POST",
      url: "formhandler.php",
      data: { buttonValue: btnValue }
    })
      .done(function( msg ) {
        alert( "Data Saved: " + msg );
      });
}

上面的javascript将使用AJAX将按钮值发送到'formhandler.php'页面。在'formhandler.php'中，你可以检查$_POST["buttonValue"]的值是多少。

使用你的设置，连同jQuery, PHP和JSON，它可能是这样的:

function echoHello(btnValue) {
    $.getJSON('page.php', {
        choice: btnValue
    })
    .done(function(data) {
        // based on $_GET["choice"], your PHP could render some JSON like:
        // {"background":"image.jpg","fields":["newValue1", "newValue2", "newValue3"]}
        // clear the current html 
        $("#form").html('');
        // load a new background
        $('body').css({'background-image':data.background})
        // set up the new fields:
        $.each(data.fields, function( i, item ) {
            $("#form").append('<input type="text" value="' + item + '"/>');
        });
    });
}

这只是一个样本，给你一个想法!它也未经测试;)