douhan6738 2016-01-11 09:00
浏览 57
已采纳

没有jquery的Ajax json请求

I use a file backend.php

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

And javascript for an ajax request:

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;
}

And also the request using

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

How to achieve that the console displays the

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

Problem is that json sending doesn't work. Works only json got from back end.

  • 写回答

1条回答 默认 最新

  • dongliao1949 2016-01-11 09:39
    关注

    You can't send an object in 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>
    

    And for the backend.php

    <?php echo $_POST['data'];
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥20 Win 10 LTSC 1809版本如何无损提升到20H1版本
  • ¥50 win10 LTSC 虚拟键盘不弹出
  • ¥30 微信小程序请求失败,网页能正常带锁访问
  • ¥15 对语音信号进行变调时,间接改变时序从而实现语音变速,进而将变调与变速同时实现、参数合成法换为波形合成法
  • ¥15 Python实现hog特征图可视化
  • ¥30 德飞莱51单片机实现C4炸弹
  • ¥50 CrossLink-LIF-MD6000 型 FPGA 的 CMOS 转 MIPI D-PHY IP 核功能使用异常
  • ¥15 proteus控制16x16LED点阵显示屏的设计
  • ¥30 求会做山景bp1048b2程序的。做直播声卡用
  • ¥15 求数学建模论文问题指导