uber-api.html

﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <script>
        //reference documentation: https://developer.uber.com/docs/riders/references/api/v1.2/estimates-price-get 
        var corsURL = 'https://cors-anywhere.herokuapp.com/';
        var queryURL = 'https://api.uber.com/v1.2/estimates/price?start_latitude=37.7752315&start_longitude=-122.418075&end_latitude=37.7752415&end_longitude=-122.518075';

        var finalURL = corsURL + queryURL;

        $.ajax({
            url: finalURL,
            method: 'GET',
            beforeSend: function(xhr) {
                xhr.setRequestHeader('Authorization', 'Token <YOUR API KEY>');
                xhr.setRequestHeader('Accept-Language', 'en_US');
                xhr.setRequestHeader('Content-Type', 'application/json');
            },
            success: function(data) {
                console.log('success');
                console.log(data);
            }
        });

    </script>
</head>
<body>

</body>
</html>