Bacchas: Created page with "== Posting Data == ''' HTML FILE '''
            
          
2016-11-16T20:42:02Z
Created page with "== Posting Data ==  ''' HTML FILE ''' <pre>   <body>      <div id="output">   </div>     <input type="text" id="ftext" name="" value="">     <input type="text" id="dtext" name..."
New page
== Posting Data ==



''' HTML FILE '''

<pre>

  <body>

    

<div id="output">





</div>

    <input type="text" id="ftext" name="" value="">

    <input type="text" id="dtext" name="" value="">

    <button id="btn" type="">Click Me</button>



    <!--<script src="script.js"> </script>-->

     <script src="script2.js"> </script>



    </body>

</pre>

''' JavaScript File '''

<pre>

(function() {



    document.querySelector('#btn').addEventListener('click', showData);



    function showData() {

        var mydata, nameKey;

        var httpRequest = new XMLHttpRequest();



        mydata = document.getElementById('ftext').value;

        nameKey = document.getElementById('dtext').value;



        var myPost = "nameKey=" + encodeURIComponent(nameKey) + "&mydata=" + encodeURIComponent(mydata);



        httpRequest.onreadystatechange = function() {



            if (this.readyState === 4 && this.status === 200) {

                var response = JSON.parse(httpRequest.responseText);

                document.querySelector('#output').innerHTML = response.name + ' ' + response.data;

            } else {

                console.log('Not ready yet:');

            }



        };

        httpRequest.open('POST', 'test.php', true);

        httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

        httpRequest.send(myPost);

        console.log(myPost);



    }



})();

</pre>

'''PHP File '''

<pre>

<?php



// ternerary if statement 

$name = (isset($_POST['nameKey'])) ? $_POST['nameKey']: 'No Name';

$data = (isset($_POST['mydata'])) ? $_POST['mydata']: 'No Data';





  $array = array("name"=>$name, "data"=>$data, "response"=>"Success");



echo json_encode($array);

?>

</pre>

==[[Ajax| Back to previous page]]==
Code Post - Revision history
