Добавление простого GET или POST в ajax?

Question

Я знаю, что такое методы GET и POST в ajax, но мне было интересно, как реализовать их в простой код, чтобы я мог лучше понять его, и вот простой код, который я нашел:

Answer 1

Единственное, чего вы достигнете, - это определите, поддерживает ли ваш браузер XMLHttpRequest или нет (нет в проводнике, да во всем остальном).Вы на самом деле не вызываете сервер.

Это хорошая ссылка, чтобы начать изучение ajax и javascript в целом:

http://www.hunlock.com/blogs/AJAX_for_n00bs

Убедитесь, что вы проверили весь сайтМало того что пост.

function ajaxRequest() {
   var AJAX = null;                                 // Initialize the AJAX variable.
   if (window.XMLHttpRequest) {                     // Does this browser have an XMLHttpRequest object?
      AJAX=new XMLHttpRequest();                    // Yes -- initialize it.
   } else {                                         // No, try to initialize it IE style
      AJAX=new ActiveXObject("Microsoft.XMLHTTP");  //  Wheee, ActiveX, how do we format c: again?
   }                                                // End setup Ajax.
   if (AJAX==null) {                                // If we couldn't initialize Ajax...
      alert("Your browser doesn't support AJAX.");  // Sorry msg.                                               
      return false                                  // Return false, couldn't set up ajax
   }
   var url='http://somedomain.com/getdata.php?doc=sometext.txt'; // This is the URL we will call.
   AJAX.open("GET", url, true);                                  // Open the url this object was set-up with.
   AJAX.send(null);                                              // Send the request.

   AJAX.onreadystatechange = function() {                      // When the browser has the request info..
       if (AJAX.readyState==4 || AJAX.readyState=="complete") { //  see if the complete flag is set.
          callback(AJAX.responseText, AJAX.status);             // Pass the response to our processing function
       }                          

                          // End Ajax readystate check.
   }                                                           // End Event Handler.
}

Answer 2

Хорошее место для начала: https://developer.mozilla.org/en/AJAX/

Ваш фрагмент кода будет работать только в браузерах не IE.Не оставляйте MS вне вечеринки!Используйте этот код

var httpRequest;
if (window.XMLHttpRequest) { // Mozilla, Safari, ...
    httpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
    httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}

Теперь вы можете использовать этот объект для выполнения одного или двух запросов.

Здесь есть очень подробное руководство: https://developer.mozilla.org/en/AJAX/Getting_Started

Это руководство объяснит это гораздо лучше, чем я когда-либо смог.

Answer 3

Если вы действительно любите Javascript и хотите изучать AJAX простым способом, я бы предложил вам http://w3schools.com/ajax/ajax_intro.asp, который довольно прост и понятен. Вы даже можете попробовать там, что вы узнали до сих пор.

Кроме того, Jquery довольно прост, если рассматривать Ajax. Это в основном освобождает вас от всех хлопот проверки совместимости браузера и прочего. Я предлагаю вам взглянуть на то, что Elad упомянул выше. «Пишите меньше, делайте больше» - это тег для Jquery. Просто попробуйте.

Answer 4

Я хотел бы предложить кое-что, что сделает вашу жизнь намного проще.Используйте jQuery!Это делает вызовы ajax (и все, что связано с javascript) намного проще.Вы можете выполнять сложные операции с очень небольшим кодом.

http://api.jquery.com/jQuery.ajax/ Это на ваше усмотрение.