Question

$(onReady);

function onReady() {
    console.log('jq');
    $('#submitButton').on('click', calcDistance);
}

function calcDistance() {
    console.log('button clicked');
    

    $.ajax({
        type:'GET',
        dataType: 'jsonp',
        contentType: "application/json",
        url:"https://www.zipcodeapi.com/rest/WvKkFrPlOUywte1GcfPJVGmhqHjTLwQH1B2H2R3QMCmfQoV2DLMzr8QRQ9KBGBiI/distance.json/55044/55124/mile/",
        header: {
             "Access-Control-Allow-Origin": "*"
         },
        success: function(res) {
            console.log( 'back from ther server with',res );

        },
        error: function( err ){
            console.log( err );
        }

    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>
        <script src="client.js" charset="utf-8"></script>
    </head>
    <body>
        <h1>Zipcode</h1>
        <!-- <input id='firstZipcode' type="text" name="" value="First Zipcode">
        <input id='secondZipcode' type="text" name="" value="Second Zipcode"> -->
        <button id='submitButton' type="button" name="button">Enter</button>

    </body>
</html>

我正在调用zipcode api，我收到错误"Uncaught SyntaxError: Unexpected token :".我不知道它来自哪里。我完全迷失了如何解决这个问题。当我进行ajax调用时它是否在标题中？我需要在那里的某个地方使用内容类型吗？这两个邮政编码被硬编码到网址中。

Answer 1

在第一行中，您有“$(onReady);”。试试

jQuery(document).ready(function($){
..put all your other code here.
}

从我发布的代码中我可以收集的是'$'，因为它没有被jQuery绑定，所以它是'$'。

'未捕获的SyntaxError：意外的令牌：'

1 个答案: