How can i use AJAX to do something like:
<input type="text" name="test">
<?php
$test = $_POST['test']; //need to set the var "on the fly"
echo $test;
?>
I need that the php var $test is auto-updated with the text/numbers that users set on the input named "test"
LIVE EXAMPLE OF USE: test
Ideally you need to add more information to your question, but I'd start off by looking into jQuery Ajax.
$.ajax({
type: "POST",
url: "some.php",
data: { name: "John", location: "Boston" }
}).done(function( msg ) {
alert( "Data Saved: " + msg );
});
As per your linked example is this what you mean? JSFIDDLE.
<input type="text" name="test" id="test" value="" />
<input type="submit" id="submit" />
Base: <span id="base"></span>
$( document ).ready(function() {
$('#submit').click(function(){
$('#base').html($('#test').val());
});
});
You could use AJAX method from Jquery library
$.ajax({
type: "POST",
url: "some.php",
data: { test: "testData"}
}).done(function( msg ) {
alert( "Data Saved: " + msg );
});
I wouldn't use jQuery.. Just add an onkeypressed listener, this will update you data:
<input onkeypressed="updatestuff();" type="text">
<script type="text/javascript">
function updatestuff(){
//ajax here
}
</script>
