Question

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

由于

Answer 1

只需自己使用XMLHttpRequest对象。

我倾向于查看Mozilla网站以查看示例，他们对此主题有一个很好的解释。

Using XMLHttpRequest

这并不难，并且它支持任何HTTP请求，并且根据您想要使用它的简单程度而变得简单或复杂。

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

<强>更新

您应该参考上面的链接，但是要了解如何完成POST，主要是将参数放入send函数中，您可以看一下。不要只复制这段代码，我只是举一个简单的例子。

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

对于GET，您只需将它们放在网址中，就像在地址栏中一样，并在send中显示空格。

Answer 2

如果你不能使用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();

轻量级AJAX对象的建议？

2 个答案: