Use Buttons To Post To A Php Script

Basically I am going to have a control panel for an application I'm working on that is just an array of buttons. I want to pass information about which button was pressed to the sc

Solution 1:

---

No Ajax

In fact it works... just a few details to fix (noted in comments):

<?php//<-- here it was "<php" fix that!include("writemessage.php");
    //Don't sent people over to writemessage, otherwise why did you include it?echo'<form action="" method="POST">
    <input type="submit" name="message" value="custom1"/>
    <input type="submit" name="message" value="custom2"/>
    </form>';
    //Note: I changed quotes, no big dealecho$current; //you can read $current?>

writemessage.php:

<?php$file = 'log.txt';
    if (isset($_POST['message'])) //check if isset, also use quotes
    {
        // Change file to command.$current = $_POST['message']; //again quotes// Write the contents back to the file
        file_put_contents($file, $current);
    }
    else
    {
        if (file_exists($file)) //check if file exists
        {
            // Open the file to get existing content$current = file_get_contents($file);
        }
        else
        {
            // default value?//$current = '???';
        }
    }
?>

---

Ajax

I didn't notice you said "submit in background", does it mean you don't want a page load? you can do that with Ajax...

<?phpinclude("writemessage.php"); ?><scriptsrc="http://code.jquery.com/jquery-1.10.2.min.js"></script><script>function_submit(value)
    {
        //This is the value set locally, do you want to be able to get values from other users? that is a whole level more complex
        $('#current').html(value);
        //Here we send the info the server via AJAX with jQueryvar ajax = $.ajax(
        {
            type: "POST",
            url: "writemessage.php",
            data: {message: value}
        });
        //This is the value form the server, note: it may change from another client and this will not be updated
        ajax.done(function(response)
        {
            $('#current').html(response);
        });
    }
</script><formaction=""><inputtype="button"name="message"value="custom1"onclick="_submit('custom1')"/><inputtype="button"name="message"value="custom2"onclick="_submit('custom2')"/></form><spanid="current"><?phpecho$current; ?></span>

Note 1: I'm using jQuery from the url http://code.jquery.com/jquery-1.10.2.min.js choose the version you want and place it in your server instead.

writemessage.php:

<?php$file = 'log.txt';
    if ($_SERVER['REQUEST_METHOD'] === 'POST' && array_key_exists('message', $_POST))
    {
        $current = $_POST['message'];
        file_put_contents($file, $current);
        echo$current; //this is the response we send to the client
    }
    else
    {
        if (file_exists($file)) //check if file exists
        {
            $current = file_get_contents($file);
        }
        else
        {
            //$current = '???';
        }
    }
?>

Note 2: You also be interested in POST-REDIRECT-GET.

Solution 2:

Make sure you have distinct names for your buttons, that's how you are going to reference them in the $_POST array.

For example, instead of what you have, try this:

<inputtype='submit' name='message_1' value='custom1'/>
<inputtype='submit' name='message_2' value='custom2'/>

Solution 3:

1 - As you want to submit this via background, you need to use Ajax. I'll show how to use with Jquery's Ajax.

2- As you want to post in background, you don't need <form> anymore:

<phpinclude("writemessage.php");
    ?><scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script>//Post data to "writemessage.php" on background (AJAX)functioncustomSubmit(optionVal)
        {

            $.ajax({
              url: "writemessage.php",
              data: { 
                    'message': optionVal
                },
            }).done(function(data) {
              //if you want to see what this return, use alert(data);
            });

        }


    </script>



echo "
<inputtype='button'name='message1'value='custom1'onclick="javascript:customSubmit("custom1");"/><inputtype='button'name='message2'value='custom2'onclick="javascript:customSubmit("custom2");"/>
";
?>

3 - now in your read file, you can read POST "hidOption" as value of selected button:

<?php$file = 'log.txt';
// Open the file to get existing content$current = file_get_contents($file);

// Change file to command.$current = $_POST["message"]; //Here is "hidOption"!// Write the contents back to the file
file_put_contents($file, $current);
?>

Easy as that.

Solution 4:

<formmethod="post"><divclass="response"></div><inputtype="submit"name="message"value="custom1" /><inputtype="submit"name="message"value="custom1" /><form><scriptsrc="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script>jQuery(function ($) {
        $('form').on('submit', function (e) {
            e.preventDefault();
            $.ajax({
                context : this,
                data : $(this).serialize(),
                type : 'post',
                url: 'writemessage.php'
            }).success(function (response) {
                $(this).find('.response').html(response);
            });
        });
    });
</script>

Also, your writemessage.php file could be cleaned up a bit.

<?php$file = 'log.txt';
if (file_exists($file))
{
    // Do some kind of validation on your input.if (in_array($_POST['message'], array('custom1', 'custom2'))
    {
        file_put_contents($file, $_POST['message']);
        echo"<p>The value is {$_POST['message']}</p>";
    }
    else
    {
        echo'<p class="error">Illegal value!!</p>';
    }
}