Javascript JsonP syntax error when using previous example
0
This is a follow up to this question:
JavaScript XMLHttpRequest using JsonP
I was trying to experiment with JsonP, since I'm trying to find a replacement for using a Cors proxy. I tried the example listed in the 2nd answer of the linked question but I got this error:
SyntaxError: expected expression, got '<'[Learn More] www.google.com:1
Why is that?
The code used:
function jsonp(url) {
return new Promise(function(resolve, reject) {
let script = document.createElement('script')
const name = "_jsonp_" + Math.round(100000 * Math.random());
//url formatting
if (url.match(/?/)) url += "&callback="+name
else url += "?callback="+name
script.src = url;
window[name] = function(data) {
resolve(data);
document.body.removeChild(script);
delete window[name];
}
document.body.appendChild(script);
});
}
var data = jsonp("https://www.google.com");
data.then((res) => {
console.log(res);
});
javascript jsonp
edited Dec 28 '18 at 16:39
daedsidog
1,3432826
asked Dec 26 '18 at 17:20
Yonatan NirYonatan Nir
3,5181452102
|
show 1 more comment
0
This is a follow up to this question:
JavaScript XMLHttpRequest using JsonP
I was trying to experiment with JsonP, since I'm trying to find a replacement for using a Cors proxy. I tried the example listed in the 2nd answer of the linked question but I got this error:
SyntaxError: expected expression, got '<'[Learn More] www.google.com:1
Why is that?
The code used:
function jsonp(url) {
return new Promise(function(resolve, reject) {
let script = document.createElement('script')
const name = "_jsonp_" + Math.round(100000 * Math.random());
//url formatting
if (url.match(/?/)) url += "&callback="+name
else url += "?callback="+name
script.src = url;
window[name] = function(data) {
resolve(data);
document.body.removeChild(script);
delete window[name];
}
document.body.appendChild(script);
});
}
var data = jsonp("https://www.google.com");
data.then((res) => {
console.log(res);
});
javascript jsonp
edited Dec 28 '18 at 16:39
daedsidog
1,3432826
asked Dec 26 '18 at 17:20
Yonatan NirYonatan Nir
3,5181452102
1
It's a zero-score answer by a 1-rep user. Doesn't work becausehttps://www.google.comcallback=jsonp_12345returns a document
– CertainPerformance
Dec 26 '18 at 17:26
@CertainPerformance so in which line will the issue arise? and what is the problem with a returned document?
– Yonatan Nir
Dec 26 '18 at 17:32
A document is not JSONP. You need to find an endpoint which serves JSONP.
– CertainPerformance
Dec 26 '18 at 17:33
1
@CertainPerformance When you say it returns a document, you mean an html page?
– Yonatan Nir
Dec 26 '18 at 17:36
1
Yes, eg trying to parse<!doctype...as Javascript doesn't work.
– CertainPerformance
Dec 26 '18 at 17:39
|
show 1 more comment
0
0
0
This is a follow up to this question:
JavaScript XMLHttpRequest using JsonP
I was trying to experiment with JsonP, since I'm trying to find a replacement for using a Cors proxy. I tried the example listed in the 2nd answer of the linked question but I got this error:
SyntaxError: expected expression, got '<'[Learn More] www.google.com:1
Why is that?
The code used:
function jsonp(url) {
return new Promise(function(resolve, reject) {
let script = document.createElement('script')
const name = "_jsonp_" + Math.round(100000 * Math.random());
//url formatting
if (url.match(/?/)) url += "&callback="+name
else url += "?callback="+name
script.src = url;
window[name] = function(data) {
resolve(data);
document.body.removeChild(script);
delete window[name];
}
document.body.appendChild(script);
});
}
var data = jsonp("https://www.google.com");
data.then((res) => {
console.log(res);
});
javascript jsonp
edited Dec 28 '18 at 16:39
daedsidog
1,3432826
asked Dec 26 '18 at 17:20
Yonatan NirYonatan Nir
3,5181452102
This is a follow up to this question:
JavaScript XMLHttpRequest using JsonP
I was trying to experiment with JsonP, since I'm trying to find a replacement for using a Cors proxy. I tried the example listed in the 2nd answer of the linked question but I got this error:
SyntaxError: expected expression, got '<'[Learn More] www.google.com:1
Why is that?
The code used:
function jsonp(url) {
return new Promise(function(resolve, reject) {
let script = document.createElement('script')
const name = "_jsonp_" + Math.round(100000 * Math.random());
//url formatting
if (url.match(/?/)) url += "&callback="+name
else url += "?callback="+name
script.src = url;
window[name] = function(data) {
resolve(data);
document.body.removeChild(script);
delete window[name];
}
document.body.appendChild(script);
});
}
var data = jsonp("https://www.google.com");
data.then((res) => {
console.log(res);
});
javascript jsonp
javascript jsonp
edited Dec 28 '18 at 16:39
daedsidog
1,3432826
asked Dec 26 '18 at 17:20
Yonatan NirYonatan Nir
3,5181452102
edited Dec 28 '18 at 16:39
daedsidog
1,3432826
asked Dec 26 '18 at 17:20
Yonatan NirYonatan Nir
3,5181452102
edited Dec 28 '18 at 16:39
daedsidog
1,3432826
edited Dec 28 '18 at 16:39
daedsidog
1,3432826
edited Dec 28 '18 at 16:39
daedsidog
1,3432826
1,3432826
asked Dec 26 '18 at 17:20
Yonatan NirYonatan Nir
3,5181452102
asked Dec 26 '18 at 17:20
Yonatan NirYonatan Nir
3,5181452102
asked Dec 26 '18 at 17:20
Yonatan NirYonatan Nir
3,5181452102
3,5181452102
1
It's a zero-score answer by a 1-rep user. Doesn't work becausehttps://www.google.comcallback=jsonp_12345returns a document
– CertainPerformance
Dec 26 '18 at 17:26
@CertainPerformance so in which line will the issue arise? and what is the problem with a returned document?
– Yonatan Nir
Dec 26 '18 at 17:32
A document is not JSONP. You need to find an endpoint which serves JSONP.
– CertainPerformance
Dec 26 '18 at 17:33
1
@CertainPerformance When you say it returns a document, you mean an html page?
– Yonatan Nir
Dec 26 '18 at 17:36
1
Yes, eg trying to parse<!doctype...as Javascript doesn't work.
– CertainPerformance
Dec 26 '18 at 17:39
|
show 1 more comment
1
It's a zero-score answer by a 1-rep user. Doesn't work becausehttps://www.google.comcallback=jsonp_12345returns a document
– CertainPerformance
Dec 26 '18 at 17:26
@CertainPerformance so in which line will the issue arise? and what is the problem with a returned document?
– Yonatan Nir
Dec 26 '18 at 17:32
A document is not JSONP. You need to find an endpoint which serves JSONP.
– CertainPerformance
Dec 26 '18 at 17:33
1
@CertainPerformance When you say it returns a document, you mean an html page?
– Yonatan Nir
Dec 26 '18 at 17:36
1
Yes, eg trying to parse<!doctype...as Javascript doesn't work.
– CertainPerformance
Dec 26 '18 at 17:39
1
1
It's a zero-score answer by a 1-rep user. Doesn't work because
https://www.google.comcallback=jsonp_12345 returns a document– CertainPerformance
Dec 26 '18 at 17:26
It's a zero-score answer by a 1-rep user. Doesn't work because
https://www.google.comcallback=jsonp_12345 returns a document– CertainPerformance
Dec 26 '18 at 17:26
@CertainPerformance so in which line will the issue arise? and what is the problem with a returned document?
– Yonatan Nir
Dec 26 '18 at 17:32
@CertainPerformance so in which line will the issue arise? and what is the problem with a returned document?
– Yonatan Nir
Dec 26 '18 at 17:32
A document is not JSONP. You need to find an endpoint which serves JSONP.
– CertainPerformance
Dec 26 '18 at 17:33
A document is not JSONP. You need to find an endpoint which serves JSONP.
– CertainPerformance
Dec 26 '18 at 17:33
1
1
@CertainPerformance When you say it returns a document, you mean an html page?
– Yonatan Nir
Dec 26 '18 at 17:36
@CertainPerformance When you say it returns a document, you mean an html page?
– Yonatan Nir
Dec 26 '18 at 17:36
1
1
Yes, eg trying to parse
<!doctype... as Javascript doesn't work.– CertainPerformance
Dec 26 '18 at 17:39
Yes, eg trying to parse
<!doctype... as Javascript doesn't work.– CertainPerformance
Dec 26 '18 at 17:39
|
show 1 more comment
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53935086%2fjavascript-jsonp-syntax-error-when-using-previous-example%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53935086%2fjavascript-jsonp-syntax-error-when-using-previous-example%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
It's a zero-score answer by a 1-rep user. Doesn't work because
https://www.google.comcallback=jsonp_12345returns a document– CertainPerformance
Dec 26 '18 at 17:26
@CertainPerformance so in which line will the issue arise? and what is the problem with a returned document?
– Yonatan Nir
Dec 26 '18 at 17:32
A document is not JSONP. You need to find an endpoint which serves JSONP.
– CertainPerformance
Dec 26 '18 at 17:33
1
@CertainPerformance When you say it returns a document, you mean an html page?
– Yonatan Nir
Dec 26 '18 at 17:36
1
Yes, eg trying to parse
<!doctype...as Javascript doesn't work.– CertainPerformance
Dec 26 '18 at 17:39