AjaxからReactからPHPファイルへの呼び出し

Question

私の反応コンポーネントからphpファイルにajaxを呼び出そうとしていますが、phpファイルが特定の出力を返すことを期待していますが、代わりにソースコード全体を取得します。助けてもらえますか？

これは私のリアクションコンポーネントにあります。

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

これは私のPHPファイルにあります。

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

私がテストしようとしているのは、私のコンソールに "Hello"を取得することです。代わりに私は全体のPHPファイルを取得します。

Answer 1

を試してみて結果、あなたはあなただけ、応答を取得するためにPHPでjson_encode()を使用して、そしてDataType:jsonを使用していませんDataTypeをjsonのように使用する必要があります。

dataType: "json", 

jsonの出力は次のようになります。"message"

は、Ajax更新：

$.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

まず最初に、 'hello'はjsonエンコード可能ではありません。たとえばarray（ 'result' => 'hello'）を使用する必要があります。

あなたがPHPファイルの内容を取得した場合、あなたは働いているローカルサーバーを使用していないようです。あなたはJSONを送信するために、あなたPHPにheaderを設定する必要が

Answer 3

が

は、あなたの場合には、この

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