Ajax 没有 JQuery？ [复制]

可能的重复：
如何在没有jquery的情况下进行ajax调用？ https://stackoverflow.com/questions/8567114/how-to-make-an-ajax-call-without-jquery

如何在不使用 jQuery 的情况下使用 ajax 异步更新网页？

作为一名年轻的新开发人员，我已经习惯了 JQuery，以至于对 JavaScript 感到害怕（不像 GetElementById JavaScript，而是面向对象，动态传递函数和闭包是失败和喜极而泣的区别） JavaScript）。

我提供了这个复制/粘贴的 POST ajax 表单，忽略了 Microsoft 的细微差别，用最少的注释来帮助像我这样的其他人通过示例进行学习：

//ajax.js
function myAjax() {
 var xmlHttp = new XMLHttpRequest();
 var url="serverStuff.php";
 var parameters = "first=barack&last=obama";
 xmlHttp.open("POST", url, true);

 //Black magic paragraph
 xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
 xmlHttp.setRequestHeader("Content-length", parameters.length);
 xmlHttp.setRequestHeader("Connection", "close");

 xmlHttp.onreadystatechange = function() {
  if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {
   document.getElementById('ajaxDump').innerHTML+=xmlHttp.responseText+"<br />";
  }
 }

 xmlHttp.send(parameters);
}

这是服务器代码：

<?php
 //serverStuff.php

 $lastName= $_POST['last'];
 $firstName = $_POST['first'];

 //everything echo'd becomes responseText in the JavaScript
 echo "Welcome, " . ucwords($firstName).' '.ucwords($lastName);

?>

和 HTML：

<!--Just doing some ajax over here...-->
<a href="#" onclick="myAjax();return false">Just trying out some Ajax here....</a><br />
<br />
<span id="ajaxDump"></span>

希望有一个可复制/粘贴的 POST ajax 示例，其他新开发人员将不再有借口在没有 JQuery 训练轮的情况下尝试 JavaScript。