AJAX JSON запрос без JQuery

Question

AJAX JSON запрос без JQuery

-1

Я использую файл backend.php

echo json_encode(array('post' => $_POST));

И javascript для запроса ajax:

function ajax_(requst) {
    requst = requst || {};
    var result = {};
    (function () {
        var xhttp = window.XMLHttpRequest ? new XMLHttpRequest() :
                new ActiveXObject("Microsoft.XMLHTTP");
        xhttp.onreadystatechange = function () {
            if (xhttp.readyState === 4 && xhttp.status === 200) {
                result = JSON.parse(xhttp.responseText);
                //result = (xhttp.responseText);
            } else {
                result = {
                    error: 'status="'+xhttp.statusText+' ('+xhttp.status+')", state="'+xhttp.readyState+'"'
                };
            }
        };
        xhttp.open(requst.type || 'POST', 'backend.php', false);
        xhttp.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
        //xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xhttp.send(requst.data);
    })();
    return result;
}

А также запрос с использованием

console.log('before');
console.log(ajax_({
    data: {
        a: 1,
        b: {
            b1: [],
            b2: {},
            b3: 'b3'
        }
    }
}));
console.log('after');

Как добиться того, чтобы консоль отображала

before
Object { post: a: 1, b: {b1: [], b2: [], b3: 'b3'}
after
?

Проблема в том, что отправка json не работает. Работает только с json из задней части.

user2301515 11 янв. 2016, в 10:32

Источник

0

Нам нужно знать, что находится в $_POST прежде чем мы сможем найти разумный ответ. Пожалуйста, добавьте print_r($_POST); в свой код backend.php и добавьте вывод в свой вопрос. НЕ добавляйте его как комментарий, пожалуйста.
RiggsFolly 11 янв. 2016, в 09:06

Теги:

php

javascript

ajax

json

1 ответ

Ещё вопросы

Нам нужно знать, что находится в $_POST прежде чем мы сможем найти разумный ответ. Пожалуйста, добавьте print_r($_POST); в свой код backend.php и добавьте вывод в свой вопрос. НЕ добавляйте его как комментарий, пожалуйста.

Alexandre Collienne · Accepted Answer · 2016-01-11T08-11-00.000Z

Вы не можете отправить объект в AJAX.

<script>
    function ajax_(requst) {
        requst = requst || {};
        var result = {};
        var xhttp = window.XMLHttpRequest ? new XMLHttpRequest() :
        new ActiveXObject("Microsoft.XMLHTTP");
        xhttp.onreadystatechange = function () {
            if (xhttp.readyState === 4 && xhttp.status === 200) {
                result = JSON.parse(xhttp.responseText);
                //result = (xhttp.responseText);
            } else {
                result = {
                    error: 'status="'+xhttp.statusText+' ('+xhttp.status+')", state="'+xhttp.readyState+'"'
                };
            }
        };
        xhttp.open(requst.type || 'POST', 'backend.php', false);
        //xhttp.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
        xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xhttp.send('data='+JSON.stringify(requst.data));
        return result;
    }

    console.log('before');
    console.log(ajax_({
        data: {
            a: 1,
            b: {
                b1: [],
                b2: {},
                b3: 'b3'
            }
        }
    }));
    console.log('after');
</script>

И для backend.php

<?php echo $_POST['data'];