javascriptでrequest.responseの値がnullになってしまいます、、

Question

私は現在以下のようなコードを書いています

var request = new XMLHttpRequest();
request.open('GET', `https://sheets.googleapis.com/v4/spreadsheets/${SHEET_ID}/values/sheet1?key=${API_KEY}`, true);
       
request.responseType = 'json';

request.onload = function () {
          var data = this.response;
          var markerData = parseData(data);

          var request2 = new XMLHttpRequest();
          request2.open('GET', `https://sheets.googleapis.com/v4/spreadsheets/${SHEET_ID}/values/sheet2?key=${API_KEY}`, true);
          request2.responseType = 'json';
          request2.onload = function () {
            var data2 = request2.response; //何故かここでnull
            var markerData2 = parseData2(data2);

          }();
request2.send();
};
request.send();

request.onload = function () の中にもう一つのrequest.onload = function () を実装している形になります

ところが、
二つ目のrequest2.responseの値が何故かnullになってしまいます、、
何が原因なのか全く見当がつきません

お力添え願いたいです
よろしくお願いします

Comments

[Lhankor_Mhy]

コールバックにせず、request2 だけのリクエストにした場合、レスポンスを得ることはできますか？

[Tanaka2319]

すいません、、どういうことでしょうか？
request2.open('GET', `https://sheets.googleapis.com/v4/spreadsheets/${SHEET_ID}/values/sheet2?key=${API_KEY}`, true);
自体が正常に機能しているかどうかということでしょうか？
それならば正常に機能しております

[Lhankor_Mhy]

いえ、request のコールバック中ではなくて、単独で request2 だけのリクエストにした場合、レスポンスを得ることはできますか？
あるいは、request と request2 を入れ替えるテストでも構いません。

連続リクエストすることによってうまくいっていないのでは、と疑っています。

[Lhankor_Mhy]

あ、いや、違うな。

[Tanaka2319]

つまり、
request と request2を、request2一本に絞った場合どうなるか、ということですね
今し方試してみたところ(request一本でリクエストを実行)、
nullのままのようです、、

[Lhankor_Mhy]

すみません、おそらく違う原因でした。回答しました。

Answer 1

このようにするとどうでしょうか。

          request2.onload = function () {
            var data2 = request2.response; //何故かここでnull
            var markerData2 = parseData2(data2);

          }// これがいらないかも → ();

Comments

[Tanaka2319]

ありがとうございます！！
nullじゃなくなりました！！

因みに、別の問題が生じたのですが、
var mergeData = Object.assign(markerData, markerData2);
というように、
一つ目で取得した値と二つ目の値を連結させようとしているのですが、
何故かうまくいきません、
連想配列を連結する方法としてこれは間違いなのでしょうか？

[Lhankor_Mhy]

以下のものをご提示いただけますか？

・markerData, markerData2の例示
・それに対する、うまくいかないmergeDataの例示
・想定していたmergeDataの例示

[Tanaka2319]

ありがとうございます
できました
なんとかなりました

[Lhankor_Mhy]

それはよかった。

Answer 2

再現させました。

request.onload = function () {
          var data = this.response;
          var markerData = parseData(data);

          var request2 = new XMLHttpRequest();
          request2.open('GET', `https://sheets.googleapis.com/v4/spreadsheets/${SHEET_ID}/values/sheet2?key=${API_KEY}`, true);
          request2.responseType = 'json';
          request2.onload = function () {
            var data2 = request2.response; //何故かここでnull
            var markerData2 = parseData2(data2);

          }(); // <-この()で即関数実行してるのが原因

()いらないかと。