jsp:
<input type="text" id="username">
js:
$(document).ready(function(){
$.post("login.do?", //servlet: @WebServler("/login.do")
{"username",$("#username").val() }, //传值
function(data){
//回调函数, 想了解回调函数可以上网查，也可以私聊我
},
"json"
)
})
servlet:
doPost:
String username = req.getParaneter("username")
建议用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 问您解答。
回答你的
问题1：但是不知道这个链接所指向的文件是用什么语言写的？
答：php语言、asp语言、java等服务器端脚本语言
问题2：js的ajax请求支持什么样格式的文件？
答：我想你问的是发送的ajax请求的数据类型吧？也就是你上面例子中的data,
这个是有三种
{
1.text文本类型（即普通字符串）
2.xml
3.json
}
问题3：然后怎么向我使用apache创建的web网站请求到数据？
答：
ajax_demo01.html文件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">
<title>ajax无刷新弹窗</title>
<script type="text/javascript" src="./public.js"></script>
<script type="text/javascript">
/*动态绑定事件*/
window.onload = function() {
$('btn').onclick = function() {
//1.创建Ajax对象
var xhr = createXhr()
//2.初始化
xhr.open('get', 'ajax_demo01.php')
//3.当状态码发生改变时，自动执行的回调函数
xhr.onreadystatechange = function() {
//判断状态码变化值
if (xhr.readyState == 4) {
//状态接收完毕时，弹出内容字符串
alert(xhr.responseText)
}
}
//4.发送Ajax请求(由于是get请求,所以，请求数据在url，这里传Null)
xhr.send(null)
}
}
</script>
</head>
<body>
<input type="button" id="btn" value="确定">
</body>
</html>
自己封装的public.js文件
function createXhr(){try{
return new XMLHttpRequest()
}catch(e){
}
try{
return new ActiveXObject('Microsoft.XMLHTTP')
}catch(e){
}
alert("Ajax对象由于浏览器罕用而创建失败")
}
function $(id){
return document.getElementById(id)
}
ajax_demo01.php文件
<?phpecho "hello ajax"
