XHR Beitrag nichts zum Server

Question

Wenn ich versuche, einige Daten zu meiner Backend-API-Dienst zu schreiben verwende ich das XMLHttpRequest Objekt, aber wenn ich versuche, die Daten mit ajax.send senden sie gesendet nichts an den Server

-Code 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

Sie können ein JS-Objekt nicht direkt über die Leitung senden.

Sie müssen es zuerst in eine Zeichenfolge konvertieren, genau wie Sie es analysieren müssen, wenn Sie es zurückbekommen.

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

Der Testcode einfachste PHP auf der Server-Seite wäre:

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

Und hier ist ein etwas komplexeres Beispiel, dass es entschlüsseln, ein neues Feld hinzufügen und es zurückschicken:

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

    echo json_encode($object); 
?> 

Answer 2

Sie müssen:

1. Say y ou senden JSON
2. Ihre Daten JavaScript konvertieren Struktur in JSON

Such:

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