鉄は熱いうちに打て
踏みたてホヤホヤ。
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()に修正。事なきを得ました。