(!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd")

(html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en")

(head)

(script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript")(/script)

(script language="javascript")

$('document').ready(function(){

$('#gui').click(function(){ // khi nut "Gui" duoc click

var giatri = $("#chu").val(); // nhận giá trị từ ô

$.ajax(

{

type: "POST",

url: "do.php", // trang nhận dữ liệu

data: "chu=" + giatri,

beforeSend: function(){

$('#hienthi').html("vui long cho chut nha"); // khi chờ

},

error: function(){

$('#hienthi').html("Loi, vui long bao lai admin"); // khi lỗi

},

success: function(success){

$('#hienthi').html(success); // thành công, hiện thị giá trị nhận được từ trang do.php

}

}

});

});

(/script)

(/head)

(body)

(div)

(form)

(input type="text" name="chu" id="chu" /)

(input type="button" id="gui" value="Gui di" /)

(/form)

(/div)

(div id="hienthi")(/div)

(/body)

(/html)

do.php

<?php

$chu = $_POST['chu'];

echo $chu;

?>