0

Скажите, пожалуйста, как можно передать объект на чистом JS, без какого бы то ни было JQuery средствами AJAX?

UPD: а почему возникает 405 ошибка?

В запрос добавил:

  xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
  xhr.setRequestHeader('Access-Control-Allow-Headers', 'X-Requested-With');
  xhr.setRequestHeader('Access-Control-Allow-Methods', 'PUT, GET,POST,OPTIONS');'

Но не помогло.

4
  • передать куда? какой объект?
    – Grundy
    17 июн 2016 в 11:38
  • Обычный JS объект, включающий 4 свойства-строки, на сервер. 17 июн 2016 в 11:42
  • Как справочная информация, очень много про xmlhttprequest, если интересно: xmlhttprequest.ru
    – Alex Krass
    17 июн 2016 в 11:55
  • 405 status code
    – Grundy
    17 июн 2016 в 12:49

3 ответа 3

3

Пример:

var data = ...
var method = "POST" // или GET
var url = ...

httpReq(url, method, data, function(res) {
    console.log("response: ", res);
});

function getXmlHttp() {
    var xmlHttp = null;
    if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    return xmlHttp;
}

function httpReq(URL, method, data, success, error) {
    var request = getXmlHttp();
    request.open(method, URL, true);
    request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    // application/x-www-form-urlencoded - для передачи urlencoded данных
    // Для FormData использовать multipart/form-data
    request.send(data);
    request.onreadystatechange = function() {
        if (request.readyState == 4) {
            if (request.status == 200) {
                success(request.responseText);
            }
            else {
                if (error) error(request.status);
            }
        }
    }
}
2

Есть такой конструктор XMLHttpRequest, почитать можно например тут - https://learn.javascript.ru/ajax-xmlhttprequest. Пример использования, взятый из статьи по ссылке:

/ 1. Создаём новый объект XMLHttpRequest
var xhr = new XMLHttpRequest();

// 2. Конфигурируем его: GET-запрос на URL 'phones.json'
xhr.open('GET', 'phones.json', false);

// 3. Отсылаем запрос
xhr.send();

// 4. Если код ответа сервера не 200, то это ошибка
if (xhr.status != 200) {
  // обработать ошибку
  alert( xhr.status + ': ' + xhr.statusText ); // пример вывода: 404: Not Found
} else {
  // вывести результат
  alert( xhr.responseText ); // responseText -- текст ответа.
}

4
  • Мне бы хороший пример. 17 июн 2016 в 11:43
  • поиск же есть. Примеров на сайте миллион
    – zhenyab
    17 июн 2016 в 11:46
  • Он, к сожалению, только JQuery выдает. 17 июн 2016 в 11:48
  • 1
    Помилуйте, батенька. Ищем слово XMLHttpRequest
    – zhenyab
    17 июн 2016 в 12:17
0
var xhr = new XMLHttpRequest();
 obj={
     param1:"1",
     param2:"2"
} 
xhr.open('POST',"/ajaxtest.php",  false);

xhr.send(obj);

if (xhr.status != 200) {
  alert( xhr.status + ': ' + xhr.statusText ); 
} else {
  alert( xhr.responseText ); // responseText -- текст ответа.
}
3
  • передаете объект вместо url? второй параметр функции open - это адрес куда делается запрос
    – Grundy
    17 июн 2016 в 12:07
  • А в send передаем obj, я теперь понял. 17 июн 2016 в 12:10
  • описался прост.
    – test_q_1
    17 июн 2016 в 12:43

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.