【jQuery】ajax requestでMaximum call stack size exceededを踏んだ

研究
Sanaan Mazhar at Pexels
この記事は約2分で読めます。

この記事は3年前の記事です。当時の情報、理解に基づいておりますのでご留意ください

鉄は熱いうちに打て

踏みたてホヤホヤ。

jQueryで

<input type='text' id='search_query'>

に入力された検索ワードを参照のうえ任意のdivの中身をajax Postで取ってきて格納する
という動作を実装中、

Maximum call stack size exceededを踏んだ。

あれ?こんな程度の事で踏む訳ないんだけどな?
と思い見直すと…

Maximum call stack size exceeded

$.ajax({
url: '/hogehoge',
type: 'POST',
dataType: 'json',
 data: {
  'query': $('#search_query').val('')
 },
})
.done(function(res) {
// 取得結果
})
.fail(function(jqXHR, ajaxOptions, thrownError) {
  console.log(jqXHR, ajaxOptions, thrownError);
});

'query': $('#search_query').val('')

がいけなかった。
それはそうです、これじゃ値じゃなくて実行結果が入るんです。

'query': $('#search_query').val()

に修正。事なきを得ました。

コメント

タイトルとURLをコピーしました