jQuery give response after an ajax request

$(document).ready(function(){ 
 $("form#fbox")开发者_运维百科.submit(function(){ 
 var msg = $("input#ibox").val(); 
 $.get("foo.php", {m: msg}, function(data){
   $('#display').html(data);
 });
 return false; 
 });
});

i have this jquery script wherein it creates a post request "invisibly" after submitting the form. thus not refreshing the page. the problem is how can i get the response of the foo.php or rather what will i put in foo.php to give back a response?

for example i inputted 'hello', how can i display 'hi' on #display? something like that xD

You would have foo.php echo whatever content you want to go inside the element that corresponds to #display -- no more, no less. So this would work:

echo 'hi';

Put whatever you need in foo.php. The contents of that html page will be placed into #display.

You're already setting the contents of #display to whatever the script outputs.

The 3rd argument to $.get is a callback which is execute on success.

In your php file you should echo anything you want to return. So if you want your response to say 'Hello World' your php file would look like:

<?
    echo "Hello World";
?>

Your JavaScript looks like it is handling it properly.