Home/ Questions/Q 7563707
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T13:43:54+00:00

I am trying to obtain and transfer information from a HTML web form (through

  • 0

I am trying to obtain and transfer information from a HTML web form (through input text field), then store that info into another file within a PHP variable. As you can see below, I have created a string to search ($str_to_find) and manually used ‘script’ for the string, but what I want to do is fill this area dynamically with information from a web form in another file.

I know this may be a general question, but I have not clue where to start.

function check_files($this_file) {
$str_to_find='script'; // the string(code/text) to search for
//I want to fill the 'string' above with info from another file's web form, if possible.
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It sounds like you just want to use GET or POST data. Here is basic sample. A person will fill in the form on form.html and click submit. You will then collect the POST data from this form by the attribute names. In this case the process.php script just prints out “Hello <firstname> <lastname>” but alternatively you can display it as you wish.

    form.html

    <form action="process.php" method="post">
  <input name="fname" type="text" />
  <input name="lname" type="text" />
  <input type="submit" />
</form>

    process.php

    $fname = $_POST['fname'];
$lname = $_POST['lname'];
echo "Hello $fname $lname"
...

    If you want this to display information on the same page, you can use AJAX. Refer to http://api.jquery.com/jQuery.ajax/ for examples. I have included one below:

    form.html

    ...
<head>
...
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
    // when document is ready do this
    $(document).ready(function() {

        // listen to when users click on the send button
        $('#send-ajax').click(function() {

            // get input data
            $fname = $('#fname').val();
            $lname = $('#lname').val();

            // result container
            $result = $('#result-ajax');

            // create ajax request to process and store
            // result in the div container above the form
            $.ajax({
                url: 'process.php',
                type: 'POST',
                dataType: 'HTML',
                data: {
                    fname: $fname,
                    lname: $lname
                },
                success: function($html) {
                    $result.html($html);
                },
                error: function() {
                    $result.html('<b>Request Failed</b>');
                }
            });
        });
    });
</script>
</head>
<body>
    <div id="result-ajax"></div>
    <input id="fname"​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ />
    <input id="lname" />
    <button id="send-ajax" value="send">Send</button>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
</body>
...

    process.php

    Same as above

    • 0