jqueryのコードをjavasvriptへ書き換えてみたがうまくいかない

Question

以下のコードでrailsのpostsコントローラーのnewアクションへpost2という変数の値を渡しており、post2の値をparams[post1]で正常に取得できていました。

$.ajax({
  url: '/posts/new',  
  type: 'GET',
  dataType: 'html',
  async: false,
  data: {
    post1: post2,
  },
});

このコードをjavascriptへ書き換えたいのですがうまくいきません。
これらのサイトを参考にして書き換えました。
https://www.sejuku.net/blog/30245
https://www.gesource.jp/programming/javascript/20060509.html

以下が書き換えてみたコードになっております

var param = "post1="+post2;
var url = "/posts/new?" + param;
var xhr = new XMLHttpRequest();
xhr.open('GET', url, false);
xhr.send();

どこが間違っているかや参考になる記事等アドバイスをいただけると助かります。よろしくお願いします。

Comments

[kei344]

https://teratail.com/questions/255942 この質問と内容が同じです。teratailは質問内容の編集ができるので、変更がある場合は新しい質問をするのではなく編集してください。また、こちらの質問を削除されるよう運営に連絡されることをお勧めします。 https://teratail.com/help#delete-question https://teratail.com/contact/input

[m.ts10806]

質問内容を大幅に改変して次の質問立てるのはどういうつもりでしょうか。

[Yorrie]

自分の求めている通りの回答が得られず腹が立って再度質問した、とかですかね…。
コロナ禍で皆ピリピリしているせいか、ガイドラインをよく読まずに質問してくる人が増えている気がします。

Answer 1

jqueryのコードをjavasvriptへ書き換えてみたがうまくいかない

JavaScriptへの書き換えを推奨します。

Answer 2

元の質問に回答ついていますが解決しないのでしょうか？
マルチポストする意味がわからないのですが・・・

Comments

[yambejp]

window.addEventListener('DOMContentLoaded', ()=>{
var url="・・・・";
const post2="日本語";
const data={post1:post2};
const body = Object.entries(data).map(arg=>arg[0]+"="+encodeURIComponent(arg[1])).join("&");
url+="?"+body;
fetch(url).then(res=>res.text()).then(console.log);
});

[yambejp]

案の定、退会しちゃいましたか
上記回答で解決していると良いのですが・・・