Postare dati a file php da app Reactjs

Luke220898

Nuovo Utente
27 Giu 2018
4
0
1
Buonasera,ho un problema con un app Reactjs.
Il problema riguarda la sua integrazione con un file php.
Questa è la prima domanda che posto,perciò se ho sbagliato sezione scusatemi e abbiate un po' di pazienza.
Infatti non sapevo bene in quale sezione postare perchè la domanda comprende javascript,Reactjs,nodejs,php,html,e mysql.

Adesso cercherò di spiegare bene il mio problema.
Ho creato un app Reactjs tramite il comando di nodejs create-react-app.
Poi ho creato una pagina di Login(con React) in cui l'utente deve inserire username e password.
Una volta inseriti questi dati devono essere mandati con method="POST" inserito nell'html tramite React, ad un file index.php che deve verificare i dati su un database mysql.
Creando la pagina web in puro javascript e html il tutto funziona,ma con l'app Reat no.
Infatti al momento del click sul bottone "Login"(submit) sulla pagina ricevo il seguente messaggio:
cannot POST /index.php
Il file Login.js è nella cartella "src",invece index.html e index.php sono nella cartella "public".
L'app è eseguita sul server localhost:3000 invece il database mysql l'ho creato tramite xampp e phpmyadmin,(il server però è su un'altra porta).

Il codice Reactjs è il seguente:
Codice:
import React,{Component} from 'react';
import "./LoginView.css";
import logo from './resources/images/User.svg'

class LoginView extends Component{
render(){
return(
<div className={"LoginView"}>
<div id="LoginView">
<img className="LoginImage" src={logo} alt={"logo"}/>
<form id="LoginForm" action="index.php" method="post" >
<input type="text" id="Username" name="Username" placeholder="Username" required/>
<input type="password" id="Password" name="Password" placeholder="Password" required/>
<input type="submit" id="LoginButton" value="Login"/>
</form>
</div>
</div>
);
}
}
export default LoginView;

Quello di index.php è questo:
PHP:
$Username=$_REQUEST["Username"];
$Password=$_REQUEST["Password"];

echo $Username,"/",$Password;

$Conn=mysqli_connect("localhost","root","password");

if(!$Conn){
echo "Server al momento non disponibile.\n";
echo "Riprova:<a href='index.html'>Click qui</a>";
}
else{
if(!mysqli_select_db($Conn,"users")){
echo "Impossibile aprire Database users.\n";
echo "Riprova:<a href='index.html'>Click qui</a>";
}
else{
$sql="SELECT * FROM accesso where username='$Username' and password='$Password'";
}
$result=mysqli_query($Conn,$sql);


if(mysqli_num_rows($result)>0){
echo "User Accettato!.\n";
echo "Prosegui:<a href='index.html'>Click qui</a>";
}
else{
echo "User Rifiutato!.\n";
echo "Riprova:<a href='index.html'>Click qui</a>";
}
}

?>

Quello dell'index.html è quello creato di default dal comando create-react-app.

Sto cercando da tempo una soluzione,ma su internet non ho trovato niente.
Ringrazio in anticipo chi mi aiuterà,e se ritenete che ci sia un modo più adeguato/semplice/corretto per fare ciò sarei felice che lo condivideste con me,dato che sono alle prime armi e voglio imparare a fare le cose correttamente,grazie.

ps.Non ho capito come indentare correttamente il codice.
 
Discussioni simili
Autore Titolo Forum Risposte Data
N Postare film completi legale? Leggi, Normative e Fisco 0
M postare un risultato di un div js in un apagina php e mail PHP 1
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare IP Cam e Videosorveglianza 0
otto9due Postare tweet con immagine cosa aggiungere a questa classe? PHP 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Discussioni Varie 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Presenta il tuo Sito 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Altri Annunci 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Offerte e Richieste di scambio links 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Annunci servizi di Social Media Marketing 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Vendere e Acquistare pubblicita' online 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Compravendita siti e domini 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Offerte e Richieste di Lavoro e/o Collaborazione 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Adsl e Connettività 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Reti LAN e Wireless 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Smartphone e tablet 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Hardware 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Sicurezza e Virus 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Mac e Software 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Linux e Software 0
maxbossi Regolamento Regolamento della sezione - leggere ATTENTAMENTE prima di postare Windows e Software 0
maxbossi Regolamento Regolamento forum E-Commerce - leggi con attenzione prima di postare! E-Commerce 0
maxbossi Regolamento Regolamento della sezione - Leggere prima di postare!!! SEO e Posizionamento 0
maxbossi Regolamento Regolamento forum Hosting - Leggere ATTENTAMENTE prima di postare! Hosting 0
maxbossi Regolamento Regolamento forum "Webdesign e Grafica" - leggere attentamente prima di postare! Webdesign e Grafica 0
maxbossi Regolamento Regolamento forum Web Server - leggere prima di postare! Web Server 0
maxbossi Regolamento Regolamento forum Oracle - leggere prima di postare! Oracle 0
maxbossi Regolamento Regolamento forum MySQL - leggere attentamente prima di postare! MySQL 0
maxbossi Regolamento Regolamento forum NET Framework - leggere attentamente prima di postare! .NET Framework 0
maxbossi Regolamento Regolamento forum Java - leggere prima di postare!!! Java 0
maxbossi Regolamento Regolamento del forum Programmazione - leggere prima di postare!!! Programmazione 0
maxbossi Regolamento Regolamento forum Flash - leggere prima di postare!!! Flash 0
maxbossi Regolamento Regolamento forum Photoshop - leggere prima di postare! Photoshop 0
maxbossi Regolamento Regolamento - leggere pirma di postare uno snippet! Snippet Javascript 0
maxbossi Regolamento Regolamento del forum "Altri CMS" - leggere prima di postare!!! CMS (Content Management System) 0
maxbossi Regolamento Regolamento forum phpBB - leggi bene prima di postare!!! phpBB 0
maxbossi Regolamento Regolamento del forum ASP.Net - Leggere prima di postare!!! ASP.NET 0
maxbossi Regolamento Regolamento del forum jquery - leggere prima di postare!!! jQuery 0
maxbossi Regolamento Regolamento sezione javascript - leggere prima di postare!!! Javascript 0
maxbossi Regolamento Regolamento - Leggere prima di postare !!! Presentati al Forum 0
M Il mio blog. Mi date consigli? Postare.Eu Presenta il tuo Sito 2
maxbossi Regolamento Regolamento forum php - leggere attentamente prima di postare PHP 0
S possibilità di postare Javascript 11
L postare video "illegali" Webdesign e Grafica 5
max75 query su due tabelle e dati doppioni MS Access 2
K Form che manda dati doppi PHP 1
T problemi con dati menu a tendina HTML e CSS 2
D protezione cartelle: blocco visualizzazione/scaricamento contenuto, ma abilitazione utilizzo dati da parte di file .php presenti sul sito Web Server 1
D Risultati diversi elaborazione dati fra localhost e Altervista PHP 0
C Creare Tabella Dati Meteo prelevandoli da dei Tags in un altro foglio PHP 27
M Invio dati database via email php PHP 0

Discussioni simili