Ajax extrem(er)

30.01.2017 09:31 Uhr

Wir nehmen in der heutigen Kursstunde noch einmal AJAX zur Hand und lesen Google Books ein. Dann schauen wir uns anhand der Analyse der Ergebnisse nochmals die gelernten Programmierstrukturen genauer an. Der hier aufgeführte Code-Block wird dann vervollständigt.

<script>

        $(document).ready(function(){

            $('#btn').click(function() {


                $.ajax({
                    url: 'https://www.googleapis.com/books/v1/volumes?q=Harry',
                    method: 'GET',
                    dataType: 'json'
                }).done(function(data){
                    console.log( data.items );
                    var arrBuecher = data.items;
                    for( var i = 0; i < arrBuecher.length; i++) {
                        // console.log(arrBuecher[i].volumeInfo);
                        // console.log( arrBuecher[i].volumeInfo.title );
                        console.log( arrBuecher[i].volumeInfo.title );
                        console.log( arrBuecher[i].volumeInfo.subtitle );
                        console.log( arrBuecher[i].volumeInfo.description );
                    }
                }).fail(function() {

                    alert('fehler');
                    console.log('fehler');

                });


            });

        });

</script>