fetchAPIについて

Question

Windows10 chrome最新版
任意の場所にfetchリクエストを指定回数送るブックマークレットを作っています。

javascript:(function(){var aaa = window.prompt("コメント","");
 var ccc='\"content\":\"'+aaa+'\",\"parent_id\":\"\",\"commentee_id\":\"\"' ; var eee =window.prompt("対象のユーザー名"); var bbb = 'https://scratch.mit.edu/site-api/comments/user/'+eee+'/add/' ;
var xxx = decodeURI(' "headers": { "accept": "text/html, */*; q=0.01", "accept-language": "ja,en-US;q=0.9,en;q=0.8", "content-type": "application/x-www-form-urlencoded; charset=UTF-8", "sec-ch-ua": "\"Chromium\";v=\"104\", \" Not A;Brand\";v=\"99\", \"Google Chrome\";v=\"104\"", "sec-ch-ua-mobile": "?0", "sec-ch-ua-platform": "\"Windows\"", "sec-fetch-dest": "empty", "sec-fetch-mode": "cors", "sec-fetch-site": "same-origin", "x-csrftoken": "xxxxxxxxxxx", "x-requested-with": "XMLHttpRequest" }, "referrer":user, "referrerPolicy": "strict-origin-when-cross-origin", "body": {'+ccc+'},');
var user = "https://scratch.mit.edu/users/"+eee;var ddd = window.prompt("投下数");for (let index = 0; index < ddd; index++) {fetch(bbb,"{"+xxx+' "method":"POST", "mode": "cors", "credentials": "include" "}');}})()

上記のコードを実行したらエラーが発生しました。

Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'Window': The provided value is not of type 'RequestInit'.

原因と解決方法を教えてください。

Answer 1

質問のときはワンライナーから整形し直した方がいいです

(function() {
	var aaa = window.prompt("コメント", "");
	var ccc = '\"content\":\"' + aaa +
		'\",\"parent_id\":\"\",\"commentee_id\":\"\"';
	var eee = window.prompt("対象のユーザー名");
	var bbb = 'https://scratch.mit.edu/site-api/comments/user/' + eee + '/add/';
	var xxx = decodeURI(
		' "headers": { "accept": "text/html, */*; q=0.01", "accept-language": "ja,en-US;q=0.9,en;q=0.8", "content-type": "application/x-www-form-urlencoded; charset=UTF-8", "sec-ch-ua": "\"Chromium\";v=\"104\", \" Not A;Brand\";v=\"99\", \"Google Chrome\";v=\"104\"", "sec-ch-ua-mobile": "?0", "sec-ch-ua-platform": "\"Windows\"", "sec-fetch-dest": "empty", "sec-fetch-mode": "cors", "sec-fetch-site": "same-origin", "x-csrftoken": "E40Csk2boZICH0NJ3b044H0Ed0LRFtWH", "x-requested-with": "XMLHttpRequest" }, "referrer":user, "referrerPolicy": "strict-origin-when-cross-origin", "body": {' +
		ccc + '},');
	var user = "https://scratch.mit.edu/users/" + eee;
	var ddd = window.prompt("投下数");
	for (let index = 0; index < ddd; index++) {
		fetch(bbb, "{" + xxx +
			' "method":"POST", "mode": "cors", "credentials": "include" "}');
	}
})()

https://google.com/search?q=fetch+RequestInit

最初にmdnのサイトとか確認しましたか？
fetchの2番目の引数はstringではなくオブジェクト型なので、
エラーが出ています。
なのでそこを直せば動作するのではないでしょうか

Comments

[arch-herobrine]

ありがとうございます。