Ajax Aufruf von React zu einer PHP-Datei

Question

Ich versuche einen AJAX-Aufruf von meiner Antwort-Komponente zu einer PHP-Datei, in der ich erwarte, dass die PHP-Datei eine bestimmte Ausgabe zurückgibt, stattdessen bekomme ich einen vollständigen Quellcode. Kann jemand helfen?

Das ist, was ich auf meiner reagierenden Komponente habe.

import React from 'react'; 
import {Link} from 'react-router'; 


export default class BikePage extends React.Component { 
    onFormSubmitSuccess(e) { 
     e.preventDefault(); 
    $.ajax({ 
     url: 'php/new_user.php', 
     type: "GET", 
     success: function(data) { 
     console.log('success') 
     console.log(data); 
     }.bind(this), 
     error: function(xhr, status, err) { 
     console.log('error') 
     }.bind(this) 
    }); 
    } 

    render(){ 
    return (
     <button onClick={this.onFormSubmitSuccess.bind(this)} >click here</button> 
    ) 
    } 
} 

Das ist, was auf meiner PHP-Datei ist.

<?php 
//Function to check if the request is an AJAX request 
$return = 'hello' 
echo json_encode($return); 
?> 

Alles, was ich versuche zu testen, ist das "Hallo" auf meiner Konsole zu bekommen. aber stattdessen bekomme ich die gesamte php-datei.

Answer 1

Versuchen führt zu schicken, Sie json_encode() in PHP verwenden Antwort für immer, und nicht DataType:json verwenden, können Sie einfach müssen Datentyp als json verwenden wie:

dataType: "json", 

Ihre json Ausgabe wie sein Aussehen sollte: "message"

Ajax Modifiziert:

$.ajax({ 
url: 'php/new_user.php', 
type: "GET", 
dataType: "json", 
success: function(data) { 
    console.log('success'); 
    console.log(data); // will print "message" 
}.bind(this), 
error: function(xhr, status, err) { 
    console.log('error'); 
}.bind(this) 
}); 

Answer 2

Zunächst einmal 'Hallo' ist nicht Json codierbar Sie müssen zum Beispiel Array ('Ergebnis' => 'Hallo') verwenden.

Wenn Sie den Inhalt der php-Datei erhalten, scheint es, dass Sie keinen funktionierenden lokalen Server verwenden.

Answer 3

Sie müssen header in Ihrem PHP setzen JSON

dies in Ihrem Fall

<?PHP 
$data = 'hello' 
header('Content-Type: application/json'); 
echo json_encode($data); 
?>