Самый простой способ написать этот вызов AJAX

Question

Мне нужно отправить ajax-запрос на веб-сервер "http://examples.com/ajax" ответом будет html <div>, и он будет вставлен в существующий <div id="holder">. Какой самый простой, самый маленький способ написать это вjavascript? без использования jQuery?

Требуется только поддержка последней версии Chrome.

Answer 1

var req = new XMLHttpRequest();

req.onreadystatechange = function() {
  //Is request finished? Does the requested page exist?
  if(req.readyState==4 && req.status==200) {   
    //Your HTML arrives here
    alert(req.responseText);  
  }
}

req.open("GET","http://examples.com/ajax.php",true)  //true indicates ASYNCHRONOUS
req.send(null);

В этом решении используется get, поэтому вам нужно добавить переменные, используя ? и & к вашему URL (например, http://examples.com/ajax.php?foo=bar&blah=blee.

Если вы хотите это сделатьиспользуя post, запустите несколько с get, а затем эта статья полезна .