Невозможно получить данные JSON, используя метод getJSON в нокауте

Suhas Srivats Subburathinam спросил: 03 ноября 2018 в 08:22 в: knockout.js

Я пытаюсь использовать метод $ .getJSON в knockout.js, но получаю ошибку Uncaught (in promise) ReferenceError: $ is not defined. Я использую knockout-3.4.2.js для этого проекта.

Вот мой код JavaScript:

// get JSON request of foursquare data
    var reqURL = 'https://api.foursquare.com/v2/venues/search?ll=' + this.position.lat + ',' + this.position.lng + '&client_id=' + clientID + '&client_secret=' + clientSecret + '&v=20160118' + '&query=' + this.title;
    console.log(reqURL);
    $.getJSON(reqURL).done(function(data) {
        var results = data.response.venues[0];
        self.street = results.location.formattedAddress[0] ? results.location.formattedAddress[0] : 'N/A';
        self.city = results.location.formattedAddress[1] ? results.location.formattedAddress[1] : 'N/A';
        self.phone = results.contact.formattedPhone ? results.contact.formattedPhone : 'N/A';
    }).fail(function() {
        alert('Something went wrong with foursquare');
    });

Html:

<body>
        <nav class="navbar navbar-light bg-light">
            <!-- <form class="form-inline"> -->
                <div class="input-group">
                    <input type="text" class="form-control mr-sm-2" placeholder="Search" name="q" data-bind="textInput: searchItem, valueUpdate: 'afterkeydown'">
                    <!-- <div class="input-group-btn">
                        <button class="btn btn-outline-success my-2 my-sm-0"><i class="glyphicon glyphicon-search"></i></button>
                    </div> -->
                </div>
            <!-- </form> -->
        </nav>
        <div class="container">
            <div class="col-lg-5">
                <div class="list-group" data-bind="foreach: locationList">
                    <a href="#" class="list-group-item list-group-item-action" data-bind="text: title, click: show"></a>
                </div>
            </div>
            <div id="map"></div>
        </div>
        <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->        <script type="text/javascript" src="js/knockout-3.4.2.js"></script>
        <script src="js/data.js"></script>
        <script type="text/javascript" src="js/test.js"></script>
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCzvsr0e94zenMFlGePE-ywIdt4VoUEy7c&callback=initMap" async defer></script>
    </body>

Пожалуйста, помогите мне преодолеть эту ошибку.


0 ответов