jquery ajax: Unexpected Token & function not defined

Question

This is my first attempt at javascript trying to call to API and I'm getting the following in the Chrome console:

Uncaught syntax error: Unexpected Token ,

Uncaught Reference Error: AjaxCall is not defined.

I just posted here today, edited the answer to my liking, and got more errors.

Thanks for helping!

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <button onclick="AjaxCall()">Click Here</button>
        <p id="Data"></p>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
        <script>
            var vToken = "MyToken";
            var Target_URL = "MyUrl";

            function AjaxCall() {
                $.ajax({
                    url: Target_URL,
                    headers: {
                        'Accept': 'application/json',
                        'Authorization',
                        'Bearer ' + vToken
                    },
                    method: 'GET'
                    success: alert(result)
                });
            }
        </script>
    </body>
</html>

Ashraful Alam · Accepted Answer · 2019-09-03T20:42:22.893

Here is your completed code. Should work fine with right urls and headers.

<!DOCTYPE html>
        <html>
        <head>
        </head> 
        <body>

        <button onclick="AjaxCall()">Click Here</button>
        <p id="Data"></p>


        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
        <script>
        var vToken = "MyToken";
        var Target_URL = "MyUrl";


        function AjaxCall(){
         $.ajax({
            url: Target_URL,
            headers: {
                'Accept':'application/json',
                'Authorization': 'Bearer ' + vToken
            },
            method: 'GET',
            success: function(result){
                alert(result);
            }
          }); 

        }
        </script>

        </body>

        </html>

I'll be testing this shortly. Thank you – Arch1medes Mar 30 '16 at 01:36 — Arch1medes, Mar 30 '16 at 01:36

Hatchet · Answer 2 · 2016-03-30T01:32:54.487

1

You have a simple syntax error in this section of your code:

$.ajax({
    url: Target_URL,
    headers: {
        'Accept':'application/json',
        'Authorization', 'Bearer ' + vToken
    },
    method: 'GET'
    success: alert(result)
});

This line:

'Authorization', 'Bearer ' + vToken

ought to be

'Authorization': 'Bearer ' + vToken

with a colon : rather than a comma ,. That's what the Uncaught syntax error: Unexpected Token , error meant.

Also, you're missing a comma after 'GET' (thanks to @char):

method: 'GET'

should be

method: 'GET',

edited Mar 30 '16 at 01:32

answered Mar 30 '16 at 01:29

Hatchet

5,320
1
30
42

Also missing a comma after the `GET` – char Mar 30 '16 at 01:30
Thank you. That answers the unexpected token issue – Arch1medes Mar 30 '16 at 01:31

score 0 · Answer 3 · answered Mar 30 '16 at 01:32

0

         something wrong with your Authorization params, please keep headers correct
         $.ajax({
            url: Target_URL,
            headers: {
                'Accept':'application/json',
                'Authorization': 'Bearer ' + vToken
            },
            method: 'GET'
            success: alert(result)
          });

answered Mar 30 '16 at 01:32

WillCoding

1
1

It's a cURL to Ajax conversion based from the this post: http://stackoverflow.com/questions/10093053/add-header-in-ajax-request-with-jquery – Arch1medes Mar 30 '16 at 01:34
success should be a callback function, where result is passed as parameter. Please check my answer. – Ashraful Alam Mar 30 '16 at 01:35

jquery ajax: Unexpected Token & function not defined

3 Answers3