使用“vanilla”JavaScript：

<script type="text/javascript">function loadXMLDoc() {
    var xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == XMLHttpRequest.DONE) {   // XMLHttpRequest.DONE == 4
           if (xmlhttp.status == 200) {
               document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
           }
           else if (xmlhttp.status == 400) {
              alert('There was an error 400');
           }
           else {
               alert('something else other than 200 was returned');
           }
        }
    };

    xmlhttp.open("GET", "ajax_info.txt", true);
    xmlhttp.send();}</script>

使用jQuery：

$.ajax({
    url: "test.html",
    context: document.body,
    success: function(){
      $(this).addClass("done");
    }});

我知道這是一個相當(dāng)古老的問題，但現(xiàn)在有一個更好的API可以在新的瀏覽器中本地使用。該fetch()方法允許您發(fā)出Web請求。例如，從/get-data以下位置請求一些json ：

var opts = {
  method: 'GET',      
  headers: {}};fetch('/get-data', opts).then(function (response) {
  return response.json();}).then(function (body) {
  //doSomething with body;});

有關(guān)詳細信息，請參見此處