| Salaire Net | |
| Charges sociales | |
| Salaire gérant | |
| RSI/URSSAF du gérant | |
| Charges d’exploitation | |
| Impots et taxe | |
| Frais financier | |
| Remboursement crédits | |
| TOTAL | |
| Sous traitants | |
| Achat marchandise | |
| TOTAL | |
| TOTAL DES CHARGES | |
| Chiffre d’affaire HT | |
| Marge brute | |
| Marge nette | |
| Impots (15% – 28% – 33%) | |
| Résultats |
Comment faire le plus simplement du monde comme un appel Ajax avec les frameworks React et Axios ?
Dans ce tuto ou tutoriel nous allons voir comment envoyer vos données et retourné ces même données sur votre page avec les langages PHP javascript et les framework javascript react et Axios.
Pour l’exemple nous allons utiliser
un code très simple et épuré avec seulements des CDN.
Voici le résultat final :
Code html/css ET JAVASCRIPT index.php
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Tuto React</title>
<script src="https://unpkg.com/@babel/standalone/babel.min.js">
</script> <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.18/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script>
</head>
<body>
<div id="app">
</div>
</body>
<script type="text/babel">
class App extends React.Component {
componentDidMount(){
var params = { test: '1',};
axios.post('./ajax.php/', { params }).then(res => { console.log(res.data) });
}
render() {
return ( <div>Appel Ajax !</div> );
}
}
ReactDOM.render(<App />, document.getElementById('app'));
</script>
</html>
Code PHP ajax.php
header('Access-Control-Allow-Origin: *');
$data = json_decode(file_get_contents("php://input"), true);
echo $data["params"]["test"];
Structure
Dans le même dossier
index.php
ajax.php