CODEWITHSUNDEEP
javascriptjqueryajaxhtmlapi
Arch1medes
Arch1medes

Reputation: 39

jquery ajax: Unexpected Token & function not defined

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>

Upvotes: 0

Views: 1616

Answers (3)

Ashraful Alam
Ashraful Alam

Reputation: 380

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>

Upvotes: 3

Hatchet
Hatchet

Reputation: 5428

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',

Upvotes: 1

WillCoding
WillCoding

Reputation: 1

         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)
          });

Upvotes: 0

Related Questions