PHP POST und GET JSON-Daten

Question

Ich versuche, einen sehr einfachen Webserver zu erstellen, der JSON-Daten senden und abrufen kann.

JavaScript:

var username = document.getElementsByName('username')[0].value; 
var antwort1 = document.getElementsByName('frag1')[0].value; 
var antwort2 = document.getElementsByName('frag2')[0].value; 
var antwort3 = document.getElementsByName('frag3')[0].value; 

//JSON 
var jsondata = {"data" :[ 
{"name": username}, 
{"antwort1":antwort1}, 
{"antwort2":antwort2}, 
{"antwort3":antwort3}]}; 


var url = "https://...../apps/server.php"; 
var xmlHttp = new XMLHttpRequest(); 
xmlHttp.open("POST", url, true); 
xmlHttp.send(JSON.stringify(jsondata)); 
console.log(xmlHttp.responseText); 
alert(xmlHttp.responseText); 

PHP:

<?php 

    $json_data; 

    if($_GET["json"]) { 
    echo $json_data; 
    exit(); 
    } 
    /* 
    if(!isset($_POST)){ 
    //$json_data = json_decode($_POST["data"]); 
    echo "test POST"; 
    exit(); 
    } 
    */ 

    if(!isset($_POST)){ 
    $json_data = file_get_contents('php://input'); 
    echo $json_data; 
    exit(); 
    } 

?> 

Mein Hauptproblem ist, wie kann ich JSON meinem PHP-Server senden. Ando, ​​wie kann ich das überprüfen? Letztendlich möchte ich nur die JSON Daten speichern und zurücksenden.

Send JSON data from Javascript to PHP?

Ich versuche es wie in dem obigen Link.

UPDATE: wie rick

JavaScript: Zwei-Knopf ein eine für GET für POST

function btn1() { 
    alert("btn1"); 
    var url = "https://....../apps/server.php?json=null"; 
    var xmlHttp = new XMLHttpRequest(); 
    xmlHttp.open("GET", url, false); // false for synchro nous request 
    xmlHttp.send(null); 
    alert(JSON.stringify(xmlHttp.responseText)); 
    console.log(xmlHttp.responseText); 


    }; 


    function btn0() { 
    alert("test"); 
    var username = document.getElementsByName('username')[0].value; 
    var antwort1 = document.getElementsByName('frag1')[0].value; 
    var antwort2 = document.getElementsByName('frag2')[0].value; 
    var antwort3 = document.getElementsByName('frag3')[0].value; 
    //alert(username+" "+antwort1+" "+antwort2+" "+antwort3); 
    //JSON 
    var jsondata = {"data" :[ 
    {"name": username}, 
    {"antwort1":antwort1}, 
    {"antwort2":antwort2}, 
    {"antwort3":antwort3}]}; 
    //alert(jsondata.data[0].name); 

    var url = "https://...../server.php"; 
    var xmlHttp = new XMLHttpRequest(); 

    xmlHttp.onreadystatechange = function() { 
     if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { 
     alert(xmlHttp.responseText); 
     } 
    }; 
    xmlHttp.open("POST", url, true); 
    xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
    xmlHttp.send("jsonData="+JSON.stringify(jsondata)); 

    }; 

PHP

<?php 
     $json_data = ""; 

     if($_GET["json"]) { 
     echo $json_data; 
     exit(); 
     } 

     if(!isset($_POST)){ 
      $json_data = $_POST["name"]; 
      echo $json_data; 
      exit(); 
     } 


    ?> 

Answer 1

Für den POST Teil esier es ist zu benutze application/x-www-form-urlencoded damit du kann die POST-Daten behandeln, als ob es ein Formular ist.

Für die Antwort müssen Sie einen Rückruf einrichten, weil Ihr Anruf asynchron ist.

versuchen etwas wie die

var url = "https://...../apps/server.php"; 
var xmlHttp = new XMLHttpRequest(); 

xmlHttp .onreadystatechange = function() { 
    if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { 
    alert(xmlHttp.responseText); 
    } 
}; 
xmlHttp.open("POST", url, true); 
xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
xmlHttp.send("jsonData="+JSON.stringify(jsondata)); 

Für die PHP

if(!isset($_POST)){ 
    $json_data = $_POST["jsonData"]; 
    echo $json_data; 
    exit(); 
} 

Es ist 10 Jahre, als ich nicht eine Zeile in PHP schreiben, aber ich hoffe, dass das Konzept klar.