AJAX 处理服务器响应-在线运行代码案例-大卫编程网

<!DOCTYPE html>
<html>
<title>AJAX 处理服务器响应示例 - 基础教程(div.cn)</title>

<body>

<h2>Multiple AJAX Calls</h2>
<button type="button" onclick="fetchDoc('ajax_data.txt', myFunc1)">请求 1</button>
<button type="button" onclick="fetchDoc('ajax_get.php', myFunc2)">请求 2</button>
<button type="button" onclick="fetchDoc('ajax_get.php?fname=Seagull&lname=EMPTY', myFunc3)">请求 3</button>

// 每个AJAX任务都有不同的回调函数
function myFunc1(httpRequest) {
  document.getElementById("para-1").innerHTML = httpRequest.responseText;
}
function myFunc2(httpRequest) {
  document.getElementById("para-2").innerHTML = httpRequest.responseText;
}
function myFunc3(httpRequest) {
  document.getElementById("para-3").innerHTML = httpRequest.responseText;
}
</script>

</body>
</html>