サーバーにXHRポスト何も

Question

私は私のバックエンドのAPIサービスにいくつかのデータを投稿しようとすると、私はXMLHttpRequestオブジェクトを使用しますが、私はajax.sendでデータを送信しようとすると、それはサーバー

コードsnipperには何も送信されません。

ajax = new XMLHttpRequest(); 
ajax.open("POST", "https://someapi.com",true); 
ajax.send({ 
    name: "Name", 
    phone: "123468375698563897569575863" 
}); 

ajax.onreadystatechange = function(){ 

    if(ajax.readyState==4){ 
     JSONback = JSON.parse(ajax.response); 
     console.log(JSONback); 
    } 
}; 

Answer 1

ワイヤでJSオブジェクトを直接送信することはできません。

最初に文字列に変換する必要があります。逆に戻すときに解析する必要があります。

ajax = new XMLHttpRequest(); 
ajax.open("POST", "https://balbalbal.com", true); 
ajax.send(
    JSON.stringify({ 
    name: "Name", 
    phone: "123468375698563897569575863" 
    }) 
); 

ajax.onreadystatechange = function(){ 
    if(ajax.readyState==4){ 
    JSONback = JSON.parse(ajax.response); 
    console.log(JSONback); 
    } 
}; 

サーバ側の最も簡単なPHPのテストコードは次のようになります。

<?php 
    echo file_get_contents('php://input'); 
?> 

そしてここでは、それを復号化し、新たなフィールドを追加し、それを送り返しますもう少し高度な例である：

<?php 
    $json = file_get_contents('php://input'); 
    $object = json_decode($json); 
    $object->id = 123; 

    echo json_encode($object); 
?> 

Answer 2

あなたがする必要がある：

1. Yと答えOUには、JavaScriptのデータ構造をJSON
このような

に変換JSON

を送信している：

var data = { 
    name: "Name", 
    phone: "123468375698563897569575863" 
}; 

var json = JSON.stringify(data); 

var ajax = new XMLHttpRequest(); 
ajax.open("POST", "https://balbalbal.com", true); 
ajax.setRequestHeader("Content-Type", "application/json"); 
ajax.send(json);