建议用jquery写ajax，用原生js写ajax难度有点大。
jQuery - AJAX get() 和 post() 方法。没使用缓存技术的话可以直接用post代替get。
Query $.post() 方法
$.post() 方法通过 HTTP POST 请求从服务器上请求数据。与$.get()方法的区别是$.post()可以发送参数到服务器，服务器进行处理后再放回数据
语法：$.post(URL,data,callback)
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
注意：
实例：
$("button").click(function(){
$.post("demo_test_post.asp",
{
name:"Donald Duck",
city:"Duckburg"
},
function(data,status){
alert("Data: " + data + "\nStatus: " + status)
})
})
程序员书库w3c 问您解答。
用jQuery $.get() 方法：$.get() 方法通过 HTTP GET 请求从服务器上请求数据。
语法：
$.get(URL,callback)
必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
例子：
<script>
$(document).ready(function(){
$("button").click(function(){
$.get("/try/ajax/demo_test.php",function(data,status){
alert("数据: " + data + "\n状态: " + status)
})
})
})
</script>
希望对你有帮助，望采纳！
