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>
3 answers
solution1
3 ACCPTED 2016-03-30 01:31:30
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>
solution2
1 2016-03-30 01:29:27
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',
solution3
0 2016-03-30 01:32:21
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)
});
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.