Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="/js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

</head>
<body>

<script>


    window.onload = function() {
        var x = document.getElementById('one');
        var y = document.getElementById('two');
        var z = document.getElementById('knopka');
        x.style.background = 'red';
        y.style.background = 'green';

        $('#knopka').click(function(){var x = $('one').val(); var y = $('two').val();  $.ajax({
            type: "POST",
            url: "jqueryphp.php",
            data: {one:one, two:two},
            success: function(data){alert(data);}
        })})

    };
</script>

<form action="" method="post">
Первый: <input type="text" name="one" id="one"><br><br>
Второй: <input type="text" name="two" id="two"><br><br>
    <input type="submit" id="knopka">
</form>

<?php

$a = $_POST['one'];
$b = $_POST['two'];
echo $a + $b;

?>

</body>
</html>