0

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>

3 Answers 3

3

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>
Sign up to request clarification or add additional context in comments.

1 Comment

I'll be testing this shortly. Thank you
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',

2 Comments

Also missing a comma after the GET
Thank you. That answers the unexpected token issue
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)
          });

2 Comments

It's a cURL to Ajax conversion based from the this post: stackoverflow.com/questions/10093053/…
success should be a callback function, where result is passed as parameter. Please check my answer.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.