1. ホーム
  2. javascript

[解決済み] JSONを使ったXmlHttpRequestのPOSTを作る [重複]。

2022-03-07 07:25:38

質問

バニラJSを使用してJSONデータを送信するAJAX POSTリクエストを作成するにはどうすればよいですか。

content-typeがurl form encodedで、ネストしたJSONには対応していないとのことですが。

JSでネストされたJSONを使用して、このようなPOSTリクエストを作成する方法はありますか?SOで見つけた様々なシリアライズメソッドを試しましたが、それらはすべて私のJSONを1つのフォーマットに平らにしてしまいます。

これが私のJSONです。

{
   email: "[email protected]",
   response: {
       name: "Tester"
   }
}

解決方法は?

JSONを適切に使用すれば、問題なくオブジェクトをネストすることができます。

var xmlhttp = new XMLHttpRequest();   // new HttpRequest instance 
var theUrl = "/json-handler";
xmlhttp.open("POST", theUrl);
xmlhttp.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xmlhttp.send(JSON.stringify({ "email": "[email protected]", "response": { "name": "Tester" } }));