Haal gegevens van een andere pagina met Laravel

De verschillende secties van een webapplicatie hoeven geen eilanden te zijn, in elk systeem is een onderlinge verbinding nodig, dus als we meerdere pagina's hebben, moeten we mogelijk gegevens delen, zodat we kunnen profiteren van alles wat we in onze applicatie kunnen verwerken .
In Laravel Dit proces is helemaal niet complex, we kunnen zelfs verschillende soorten verbindingen maken en complementaire technologieën gebruiken, zoals: AJAX onder jQuery wat ons bijvoorbeeld de mogelijkheid geeft om gebruik te maken van de voordelen die dit met zich mee kan brengen.
VereistenOm deze tutorial te voltooien, hebben we een standaardinstallatie nodig van: Laravel.
Als aan de vereisten is voldaan, kunnen we vervolgens de volgende stappen uitvoeren:
1- In ons bestand routes.php we gaan drie routes maken waarbij elk overeenkomt met een pagina, in de eerste zullen we de hoofdaanzicht en de volgende twee zullen degenen zijn die de gegevens aan de eerste zullen leveren. We gaan een beperking plaatsen in de secundaire weergaven zodat het alleen op aanvraag is AJAX om ons de inhoud te sturen:

2- Zodra het bovenstaande is gedaan, gaan we nu de weergaven definiëren, aangezien we geïnteresseerd zijn in het doorgeven van de gegevens, gaan we een eenvoudige weergave maken, we plaatsen eenvoudig de volgende code in de weergave voor "tab1" die we gaan naar maak een bestand aan met de naam tab1.php in onze views-map:

3- Dan doen we hetzelfde alleen dat het bestand zal worden aangeroepen tab2.php en we plaatsen de volgende inhoud:

4- Aangezien we de gegevens hebben geïdentificeerd die we gaan doorgeven aan de hoofdweergave, is het tijd om deze te bouwen, hiervoor gaan we in dezelfde mapweergaven een bestand genereren met de naam main-view.php, zullen we in dit bestand de volgende inhoud plaatsen die we in de afbeelding zien:

VERGROTEN

5- Wat we in eerste instantie kunnen zien, is dat we de jQuery-bibliotheek rechtstreeks vanuit de CDN van Google, dan maken we twee ankers met identifier tabbladen, ten slotte gaan we naar het einde van het bestand waar we het script gaan maken dat ons de functionaliteit maakt om het verzoek te doen AJAX naar de andere pagina's van de applicatie, zoals we kunnen zien, gebruiken we hiervoor de methode get (). Tot slot vullen we met het resultaat van het verzoek de div-container en hiermee hebben we de gegevens van een andere pagina gehaald.
BelangrijkAls we in het geval van dit voorbeeld zien dat het belangrijkste is dat we de methode in de route definiëren, zodat de secundaire views de inhoud kunnen dienen, bij het maken van het verzoek via AJAX als het niet op deze manier aankomt, geeft de weergave eenvoudig een 404-fout om indringers te voorkomen.
Dan met de hulp van jQuery We hebben het verzoek op een passende manier gedetailleerd en hiermee hebben we ons de gegevens kunnen bezorgen, waardoor we hebben voorkomen dat onze verschillende pagina's geïsoleerd zouden raken.
Hiermee hebben we deze tutorial voltooid, we hebben vervolgens gezien hoe we gegevens kunnen verkrijgen en delen tussen de verschillende pagina's van onze applicatie en hoe we een tool van derden gebruiken om de constructie van de structuur te vergemakkelijken.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven