My Storry: Simple PHP Jquery Send POST On Click (jQuery.post())

File Url1.php head tag

<script src="jquery-1.5.2.min.js"></script>
<script language="javascript">
function send_post()
    {
                $.post("url2.php", {formvar:document.getElementById('formvar').value}, function(data)
                    {
                        $("#isi").html(data);
                    });
    }
    $("#btn").click(function() {
            send_post();
    });

});
</script>

File url1.php Body Tag

<input name="formvar" type="text" id="formvar">
<input name="btn" type="submit" id="btn" value="Submit">
<div id="isi"></div>

file url2.php

<?php
    if (isset($_GET['formvar'])
        {
            echo $_GET['formvar']
        }
?>

Full script url1.php

<html>
<head>
<script src="jquery-1.5.2.min.js"></script>
<script language="javascript">
function send_post()
    {
                $.post("url2.php", {formvar:document.getElementById('formvar').value}, function(data)
                    {
                        $("#isi").html('List Target To Fetch :<br>');
                        $("#isi").append(data);
                    });
    }
    $("#btn").click(function() {
            send_post();
    });

});
</script>
</head>

<body>
<input name="formvar" type="text" id="formvar">
<input name="btn" type="submit" id="btn" value="Submit">
<div id="isi"></div>
</body>
</html>

Full Script Url2.php

<?php
    if (isset($_POST['formvar'])
        {
            echo $_POST['formvar']
        }
?>

My Storry

Sunday, August 11, 2013

Simple PHP Jquery Send POST On Click (jQuery.post())

4 comments:

Blog Archive

Labels