タグ

ajaxとjQueryに関するtvskのブックマーク (8)

  • jQuery: ajax メソッドのヘッダーを変更する

    jQuery 1.5 以降であれば headers プロパティでヘッダーを指定することができる。 $.ajax({ url: '/test', type: 'PUT', headers: { 'X-HTTP-Method-Override': 'PUT', 'Content-Type': 'application/json' }, dataType: 'json', data: '{"test": "テスト"}', }).done(function() { console.log('成功'); }); Content-Type のために contentType プロパティも用意されている。複数のヘッダーを指定する場合は、headers プロパティにまとめておいたほうが散らからずにすむだろう。 headers: { 'X-HTTP-Method-Override': 'PUT', }, co

    jQuery: ajax メソッドのヘッダーを変更する
  • Access Control Request Headers, is added to header in AJAX request with jQuery

    I would like to add a custom header to an AJAX POST request from jQuery. I have tried this: $.ajax({ type: 'POST', url: url, headers: { "My-First-Header":"first value", "My-Second-Header":"second value" } //OR //beforeSend: function(xhr) { // xhr.setRequestHeader("My-First-Header", "first value"); // xhr.setRequestHeader("My-Second-Header", "second value"); //} }).done(function(data) { alert(data)

    Access Control Request Headers, is added to header in AJAX request with jQuery
    tvsk
    tvsk 2017/08/09
    POSTリクエストで ヘッダ操作する
  • File APIその後使ってみて - それマグで!

    ファイルAPIをその後ちょっと使う機会があった。いくつか気づいたことがあったのでメモ The File object provides information about -- and access to the contents of -- files. These are generally retrieved from a FileList object returned as a result of a user selecting files using the input element, or from a drag and drop operation's DataTransfer object. input type file以外でもファイルは取れるが ドラッグ&ドロップは DataTransfer オブジェクト経由 XmlHttp は BlobBuilder 経由 da

    File APIその後使ってみて - それマグで!
  • jQuery Deferredまとめ - Qiita

    参照 よく分かるjQuery Deferred http://amzn.to/1SkAQXn 学習内容 .done()と.fail() Promise 非同期と同期処理 Deferred .then() $.when() $.Callbacks() 非同期処理を直列に記述、実行するための仕組み。 非同期処理で、複数の処理を、指定した順番で実行することができる。 Promise Jquery ver.1.5からAjax関係のメソッドは「Promise」を返すようになった Ajaxが無事終了した時、「Promise」に、コールバック関数を、done()というメソッドを使って登録する。 Ajaxが異常終了した時、「Promise」に、コールバック関数を、fail()というメソッドを使って登録する。 function onSuccess(){ console.log("成功"); } functi

    jQuery Deferredまとめ - Qiita
    tvsk
    tvsk 2017/06/20
    Deffered の使い方集
  • jQuery.ajax()のまとめ

    jQuery.ajax()について逆引きリファレンスっぽくまとめてみました。 まとめた理由は、ネットで「jQuery.ajax」や「jQuery.ajax サンプル」などで調べても、いい感じの内容がなかなかヒットしないことと、よくヒットするサイトの情報が古かったりする(1.4で止まっているとか)ためです。 ということで、2012年10月現在2014年10月現在の「jQuery.ajax()」などをざっと調べて作ってみました。 初心者向けの内容です。すべてのオプションは網羅できていません。とりあえずサンプルコードがほしい方は15項をご覧ください。 若番から必要と思われるものを順番に並べているつもりですが、後半は適当です。また、各項のサンプルはなんとなく積み上げていく感じにしています。 調べている間にも3つくらい新しい発見(といっても古い情報ですが…)があり、jQueryが日々進化していること

  • jQuery AJAX POST Tutorial

    Jorge Colon Jorge is a seasoned, Zend-certified PHP expert with over 7 years of experience as a software consultant. 1 Introduction You load a website and you see something. You click on a button — maybe "next page" to change the result set — and it loads new data, but the page didn't refresh. This happened thanks to AJAX. Let's look at a real-life example. Go to google.com and search for "dogs" —

    jQuery AJAX POST Tutorial
    tvsk
    tvsk 2016/06/20
    POST で ajax で、としたときの content-type
  • とほほのjQuery入門 - とほほのWWW入門

    トップ > jQuery > Ajax Ajax(Shorthand Methods) ◆ obj.load(url[, data][, complete(data, textStatus, xhr)]) (1.0)

    tvsk
    tvsk 2016/05/10
    “$.ajaxSetup” というデフォルトオプションを設定する関数が存在する。便利。ほかにも Ajax の グローバルな挙動を設定できる Ajax(Global Ajax Event Handlers) など
  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
    tvsk
    tvsk 2012/03/04
    jQueryの概要、コード片の良記事。find-end, get/post, コールバック関数など
  • 1