Praleisti ir pereiti prie pagrindinio turinio

Laravel: React axios post request

https://github.com/axios/axios

Įdiegiame axios į React:
npm install axios


/resources/aaets/js/components/App/js

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import axios from 'axios';


class App extends Component {

    constructor(props){
        super(props);
        this.state ={ 
            body:''
        }
        // bind 
        this.handleSubmit = this.handleSubmit.bind(this);
        this.handleChange = this.handleChange.bind(this);
    }
  

    handleSubmit(e){
       e.preventDefault(); //stop refresh after submit
       this.postData();
       console.log(this.state.body);
    }  

    postData(){
        axios.post('./posts',{
            body: this.state.body
        });
    }

    handleChange(e){
       this.setState({
            body: e.target.value
       })
    } 

    render() {
....   


Laravel: reikia pasiruošti routa post užklausai

Kuriame naują kontrolerį:
php artisan make:controller PostController



route tvarkome routą:
/routes/web.php


Auth::routes();
Route::group(['middleware' => ['auth']], function(){
 Route::get('/', 'TimelineController@index');
 Route::get('/home', 'TimelineController@index');
 Route::post('/posts', 'PostController@create');
//post užklausa kvies PostController konroleyje esantį modelį create
});

ir galiausiai kontrolerį:
/app/Http/Controller/PostController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class PostController extends Controller
{
    public function create(Request $reqest){
    return 'post will be created';
    }
}

Rezultate siunčiame duomenis:

Ir gautas atsakymas:



Komentarai

Populiarūs šio tinklaraščio įrašai

VS Code: Simple react snippets

Simple React Snippets Snippets Snippet Renders imr Import React imrc Import React / Component impt Import PropTypes impc Import React / PureComponent cc Class Component ccc Class Component With Constructor sfc Stateless Function Component cdm componentDidMount cwm componentWillMount cwrp componentWillReceiveProps gds getDerivedStateFromProps scu shouldComponentUpdate cwu componentWillUpdate cdu componentDidUpdate cwu componentWillUpdate cdc componentDidCatch gsbu getSnapshotBeforeUpdate ss setState ssf Functional setState ren render rprop Render Prop hoc Higher Order Component Full Expansions imr - Import React import React from 'react'; imrc - Import React, Component import React, { Component } from 'react'; impt - Import PropTypes import PropTypes from 'prop-types'; impc - Import PureComponent import React, { PureComponent } from 'react'; cc - Class Component class | extends Component { state = { | }, ...

Į dešimtainį

toFixed(2) - verčia skaičių į dešimtainį, skliaustuose nurodyta kiek bus skaičių po kablelio. var bePvm= 10.251 + 13.991 + 57.151; var Pvm= bePvm* 0.21; var viso= bePvm + Pvm; console.log(viso.toFixed(2));