Javascript 轻量级AJAX对象推荐？

我正在构建一个自定义小部件，我不应该使用任何框架，比如jQuery，我需要一个轻量级的跨浏览器对象，它支持带回调的POST&GET，我在网上看到了一些解决方案，但它们包含很多无用的东西

---

谢谢

如果您不能使用JQuery，您可以不使用任何库从头开始编写：-

var xmlhttp;

if (window.XMLHttpRequest) {
  xmlhttp=new XMLHttpRequest();
}
else {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function() {
  if (xmlhttp.readyState==4 && xmlhttp.status==200) {
    document.getElementById("yourdiv").innerHTML=xmlhttp.responseText;
  }
}

// change "GET" to "POST" if you want to POST 
xmlhttp.open("GET","/yourlink",true);
xmlhttp.send();

---

只需自己使用

XMLHttpRequest

对象即可

我倾向于在Mozilla网站上查看示例，他们对这个主题有很好的解释

这并不难做到，而且它支持任何HTTP请求，它的简单程度和复杂程度取决于您使用它的容易程度

不过jQuery有一个很好的API，所以复制它们的样式可能很有用

更新：

您应该参考上面的链接，但要了解如何进行POST，主要是将参数放入

send

函数中，您可以查看以下内容。不要只是复制这个代码，我把它放在这里只是一个简单的例子

var xhr = new XMLHttpRequest();
xhr.open("POST", "http://foo.com/submitform.php");
xhr.send(formData);

---

对于GET，您只需将它们放在URL中，就像您在地址栏中一样，并在

发送
中输入一个空值。您可能还想为POST显示代码，但我认为他可能想了解这些部分，以了解readyState的值类型，例如。@James Black:除了readyState（4==Complete）之外其他人不一定会触发。@mhiza-我的观点是，仅仅在没有上下文的情况下发布代码将有助于他理解真正发生的事情，或者如何让它按照自己的意愿工作。我添加了一些关于POST的评论，因为参数放在send函数中。你认为什么是无用的，这可能有助于解释为什么这些方法有用。