SIerだけど技術やりたいブログ

5年目のSIerのブログです

javascript

Vuejs formタグ内のテキストフィールドでEnter押下時に、メソッドを実行する

SPAの場合はformタグに任せてデータをPOSTすることは稀で、通常は自身で定義したハンドラを呼び出してAjax通信を行う。以下は、ボタン押下時にexecメソッドを実行する例。 <template> <form> <input type="text" placeholder="username" /> <input type="text" placeholder="password" /> <button type="submit" @click="exec">submit</button> </form> </template> <script> export default { name…

Vuej.sでSPAを実現するときは注意してsetIntervalを使おう

setIntervalとは 一定の遅延間隔を置いて関数を繰り返し実行したいときに利用する。例えばポーリング。 developer.mozilla.org1秒ごとにコンソール出力する例。 <html lang="ja"> <script> window.setInterval(function(){ console.log("polling"); }, 1000); </script> <body> </body> </html> setIntervalの生存…

jQueryのajaxメソッドでHTTPリダイレクト(ステータスコード302)を受け取った時は、リダイレクト先の結果しかdone(),fail()メソッドに渡せない

springsecurity使うときにこの挙動がわかってなくて困ったのでメモ。タイトル長っ。 どんな内容? jQueryのajax関数内でリスエストを送った結果がHTTPリダイレクト(ステータスコード 302) だった場合、jQueryのdone(),fail()メソッドがコールされる前にブラウ…