vue-axios

Kod za čitanje json-a pomoću axios i vue.js, ovdje treba paziti da na server strani bude omogućeno Access-Control-Allow-Origin pošto se get odvija na client strani


<!DOCTYPE html>
<html>

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

<body>

    <h2>Axios</h2>

    <div id="app">
        <div>{{status}}</div>
        <hr>
        <div></div>
        <table>
            <tr v-for="x in j">
                <td>{{ x.Name }}</td>
                <td>{{ x.Country }}</td>
            </tr>
        </table>
    </div>

    <script>
        myObject = new Vue({
            el: '#app',
            data: {
                status: '',
                j: null
            },
            created: function () {
                this.loaddata()
            },
            computed: {

            },
            methods: {
                loaddata() {
                    this.status = "loading...";

                    axios.get('https://ron-swanson-quotes.herokuapp.com/v2/quotes')
                        .then(response => {
                            this.status = response.data[0]
                        })
                        .catch(error => {
                            console.log(error);
                        })

                    //table data
                    //https://www.w3schools.com/angular/customers.php
                    axios.get('https://www.w3schools.com/angular/customers.php')
                        .then(response => {
                            this.j = response.data.records;
                        })
                        .catch(error => {
                            console.log(error);
                        })

                }

            }
        });
    </script>

</body>

</html>

C #

C# je moderan, objektno orijentirani programski jezik

Css

CSS je ključan dio web dizajna i korišten je u skoro svakoj web stranici na internetu.

Php

PHP je skriptni jezik koji se može koristiti za izgradnju dinamičkih web stranica i aplikacija.

Slack

Slack je komunikacijska platforma koja se koristi za timsku komunikaciju i suradnju. Osnovana je 2013. godine

Osnove

HTML je skraćenica od Hyper Text Markup Language to je standardni jezik za kreiranje web stranica

Canvas API

Canvas API je jedna od ključnih tehnologija HTML5 koja omogućuje web stranicama da postanu interaktivne i dinamičke.

Selektori

Kako selektirati određeni element ili css klasu u jQuery-u