タグ

jqueryとajaxに関するhelldeathのブックマーク (4)

  • jQuery 2.1 | Trigger function after delay in textarea

    I use this to trigger a function once a pause in typing is initiated in a textarea: var keyTimer; $("#TEXTAREA").on('keyup mouseup', function(){ if (keyTimer) { clearTimeout(keyTimer); } keyTimer = setTimeout(function () { doFunction(); // Not working, triggers only once (on focus). }, 500); }); doFunction() triggers only at first keyup pause (on focus). That function must trigger at every pause (

    jQuery 2.1 | Trigger function after delay in textarea
    helldeath
    helldeath 2014/12/26
    textareaの変更のたびに毎回postしないように、タイマーでまとめてpostする
  • jQueryでフォームデータを送信する方法のまとめ

    jQueryでフォームデータを送信する方法のまとめです。 1.submitイベントで送信する form要素のsubmitイベントで送信する場合のサンプルは次のとおりです。 <script src="http://code.jquery.com/jquery.js"></script> <script> $(function(){ $('form').submit(function(event){ event.preventDefault(); var f = $(this); $.ajax({ url: f.prop('action'), type: f.prop('type'), data: f.serialize(), timeout: 10000, dataType: 'text' }) .done(function( data ) { // 通信が成功したときの処理 }) .fai

    helldeath
    helldeath 2014/12/26
    これを参考にsubmitを行った
  • ブラウザのPOSTリクエストは、リダイレクトさせるとGETに化ける? ::ハブろぐ

    POSTがGETになってる? 前回のエントリーにもつながっている話ですが、ブラウザからフォームでPOSTされたものがリダイレクトされたときの挙動について。挙動が理解できると、化けるってのも失礼な表現なんですが。以下、化けた理由と、HTTP周りの実装の話をつらつらと。 普通のHTMLなフォームからPOST <form action="post_receiver" method="post" enctype="multipart/form-data"> <input type="file" name="imageFile" /> <input type="submit" value="画像をアップロードしてやんよ" /> </form> 上記のようなHTMLなフォームから、POSTした際にサーバー側でうまくPOSTデータを受け取れないことがありました。 echo $_SERVER['REQUE

    ブラウザのPOSTリクエストは、リダイレクトさせるとGETに化ける? ::ハブろぐ
    helldeath
    helldeath 2010/12/16
    mod_rewriteがバックスラッシュを付加するためだけにGETリダイレクトしちゃうなんて・・・。
  • IEにおけるjquery.ajax() - bradtosのWEB開発日記

    久々にAjaxな画面を書いたらちょっと壁に当ったのでメモ。 当たった壁というのは、タイトルどおりJquery.ajax()を使い レスポンスにJSONデータを想定した際に FF3、Safari4、ChromeはOKなのにIE7、8だと正常に動かない件。 厳密にはerrorで指定したコールバック関数が呼ばれてしまう。 他のブラウザだとsuccessで指定したコールバック関数が動くのに。 ajax()にはオプション引数のうち、dataTypeというパラメーターがあり、 json、jsonp、textなどを指定できる。 これを指定するとレスポンスに対する解釈をしてくれて データの扱いが便利になるという代物。 いろいろ試してみたがIE8標準のデバッガ「開発者ツール」には 相変わらずparseerrorの文字が。 つまり、それ以前の問題っぽい。 JqueryにおけるAjaxを解説しているサイトを調べ

    IEにおけるjquery.ajax() - bradtosのWEB開発日記
    helldeath
    helldeath 2010/12/01
    IEやChromeではXMLのContent-typeがapplication/xmlだとparseerrorになったよ。仕方なくtext/htmlに変更したよ。
  • 1