タグ

jsonとjQueryに関するmimosafaのブックマーク (12)

  • WordPress記事の一覧を出力する簡単なAPIを作成してみる | アド企画 制作部

    Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/1/ukgadokikaku/web/adokikaku.com/dev.adokikaku.com/wp-includes/formatting.php on line 4382 Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users/1/ukgadokikaku/web/adokikaku.com/dev.adokikaku.com/wp-includes/formatting.php on line 4382 Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/users

    WordPress記事の一覧を出力する簡単なAPIを作成してみる | アド企画 制作部
  • jQuery $.ajaxでJSON・JSONP読み込みに使用する主なオプション

    はじめに 簡単にJSONまたはJSONPを読み込みたい場合は以前の記事を参照。 1分でわかるjQuery $.ajaxによるJSON・JSONP読み込み方法 type 主にGETかPOSTを指定。受け取るときはGET、送信するときはPOST。 url 読み込み先または送信先のURLを指定。例えばJSONを読み込みたいときは以下のようになる。 $.ajax({ type: 'GET', url: 'https://iwb.jp/s/js/data.json' }); $.ajaxのurlオプションを使用したサンプル cache キャッシュの有無をtrueかfalseで指定。注意しなければいけないのはJSONの場合はデフォルトでcache:true、JSONPの場合はcache:falseとなっている点だ。つまりJSONをキャッシュをしたくない場合はcache:falseを指定しなければならな

    jQuery $.ajaxでJSON・JSONP読み込みに使用する主なオプション
  • HTML5+JSONでインタラクティブなテーブルを作れる「Dynatable.js」:phpspot開発日誌

    Dynatable.js - jQuery plugin for HTML5 JSON interactive tables and more HTML5+JSONでインタラクティブなテーブルを作れる「Dynatable.js」 JSONからtable、tableからJSON形式に変換でき、実装できるテーブルもソートしたり件数を絞り込めたり検索できたりと、リッチにしてくれ、かつシンプルなデザインで使いやすいテーブルが作れるライブラリです。 tableはデータと密接な関係にあることが多いですから、こういうライブラリは結構使えそうです。 関連エントリ テーブルを折りたたみ可能なツリー型グリッドに変換できる「TreeGrid」 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」 テーブル行をインクリメンタル検索できるようにするjQueryプラグイン

  • エステと皮膚科で行われる脱毛の違いって何?

    脱毛を考えるとき、病院でおこなうかエステでおこなうかで悩むと思います、どちらで施術したらよいのでしょう。 エステで脱毛をする場合と病院に行くのとは、違う特徴があります。 お互いのメリットとデメリットを良く調査して賢く選びたいですよね、ご紹介します。 続きを読む 女性で肌を見せるような服を着たいと思っていても、毛深いと勇気がいりますよね、そこで考えられるのが脱毛や除毛といった作業なのではないでしょうか。 しかし、こういった作業をしても「また生えてくるのでいちいち作業をするのが面倒」であったり「毛深くなるのではないか」といった心配が付きまといます。 除毛の場合、肌が荒れるといった心配もあるでしょう。 当に毛深くなるのかという真偽のほどは今は置いておくとして、そんな時に考えられるのがエステでの脱毛や、医療機関での脱毛です。 広告による影響かもしれませんが、意外と皮膚科での脱毛を知らない方もいら

    mimosafa
    mimosafa 2013/12/08
    ][クロスドメイン]
  • jQueryでjsonデータを扱ってみる【入門編】

    jQueryでjsonデータを扱ってみる【入門編】 javascriptで外部のWebサービスを利用するデータ形式はjsonを使うことが基なようです。 似たようなフォーマットとしてXMLがありますが、こちらはHTMLと同じマークアップ言語なのですんなり入っていける反面、jsonは少々わかりずらいといった先入観があったりするんじゃないでしょうか。 そこで入門編と題して(入門編しかない!)改めて基礎から勉強していけたらと思います。 投稿日2010年07月25日 更新日2016年04月26日 とにかくシンプルなjson jsonデータは基は外部から読み込むことになりますが、練習なのでとりあえずjavascript内の変数内に直に書きます。 「:(コロン)」で区切ったキーと値を一組として、2組目を「,(コンマ)」で区切って記述していきます。 それらを{}で囲むことで一つのオブジェクトとして扱い

    jQueryでjsonデータを扱ってみる【入門編】
  • jQueryプラグインのオプションとHTML5 data-*属性でハマった時に幸せになれるかもしれないまとめ | ゆっくりと…

    意外と要注意… なんて記事を書いておきながら、実際に HTML5 のカスタム・データ属性にオプションを指定する jQuery プラグインを作っていて、かなりハマってしまいました。 data-* 属性に書いた複雑なオプションを jQuery Data API で処理するには、JSON で指定しなくちゃダメなんですネ。ちゃんと ドキュメント にも書いてありました 😉 。 ということで、「もっと簡単に記述できるようにしたい!」を叶える 簡易な data-* 属性パーサー を作りましたので、ここに発表します。 ついでに data-* を使った jQuery オプション指定のユースケースを整理し、その実装方法をまとめてみたいと思います。 jQuery オプションと data-* のユースケース プラグインの設計段階では、オプションの構造とその指定方法を想定しておくことが重要です。そこでまず、想定し

  • jQuery で容量の大きい JSON を配列に代入するときは注意!

    jQuery で容量の大きい JSON を配列に代入するときは注意! 2010/4/20 20:36 2018/10/23 20:19 0 Web制作 JSONjQueryajax 当記事はアフィリエイト広告を掲載しています。 サーバーとクライアント(ブラウザ)のデータの受け渡しに、 JSON データを使うことにした。データが軽いし、 PHP 側でも JSON エンコードするだけだし、ブラウザ側の JavaScript のオブジェクトそのままだから扱いやすい。 でも、 jQuery の $.getJSON を使って JSON データを読み込もうとしてちょっとばかりはまったので、メモ的に残しておく。 → StackTrace : $.getJSON(url, [data], [callback]) jQuery の $.getJSON は非常に簡単に扱いやすい関数なんだけれど、 JSON デ

    jQuery で容量の大きい JSON を配列に代入するときは注意!
  • JSONデータをHTMLにマッピングできるjQueryプラグイン「JSON2HTML」

    JSONデータをHTMLにマッピングできるjQueryプラグイン「JSON2HTML」を紹介します。 JSON2HTML 1.概要 「JSON2HTML」はJSONデータをHTMLにマッピングするためのHTMLテンプレートエンジンです。 次のようなJSONデータがあるとします。 var data = [ { 'name': 'A', 'value': 10 }, { 'name': 'B', 'value': 20 }, { 'name': 'C', 'value': 30 } ]; たとえば、このJSONデータから次のようなHTMLを出力することができます。 <ul> <li>A (10)</li> <li>B (20)</li> <li>C (30)</li> </ul> jQueryプラグインとnode.jsパッケージの2種類が配布されています。 2.ダウンロード JSON2HTML

  • Site Under Maintenance

    We'll be back soon! Our site is currently undergoing maintenance. Please check back later.

    Site Under Maintenance
  • WordPressでjQueryを使用してJSONをPHPへ送る | com4tis

    WordPressでjQueryを使用してJSONをPHPへ送る方法です。 JavaScript側(CoffeeScript) JSONをPHPへ送るためにjQueryのajaxを使用して、POSTします。 $.ajax({ type: "post" url: "http://example.com/" data: json: JSON.stringify(data) dataType:'json' scriptCharset: 'utf-8' success: (res)-> console.log "Success" return error:-> console.log "Error" return complete:-> console.log "Complete" return }) と、記述します。 Line2でPOST,GETを指定します。 Line3で送り先を指定します。

    WordPressでjQueryを使用してJSONをPHPへ送る | com4tis
  • jQuery.ajaxで簡単に非同期通信 - 背負い投げとENTER_FRAME

    なんちゃってWebクリエイターがFlashやらActionScriptやらを淡々と書く。ときとき柔道の話しもする。 やっばりイマドキっぽく、jQuery.ajaxで非同期通信しよう。結構簡単にできたけど、PHPから配列をJavaScriptに戻す作法でつまずいた。普通にPHPでゲットした配列(多次元連想)をそのままechoで返すと、jQueryの方がどうしても解析できなかった。 $result = json_encode($result); echo $result; 配列をエンコードしておけば、問題解決。 ローカルのMAMP環境だとajaxのパラメータに「dataType: ‘json’」が必要だったけど、ロリポップのサーバーだと消さないといけない。そのかわりに取得してきた配列をJSON.parse()を掛ける必要がある。 デモページ 「送信」を押すと「getAr.php」を読み込んで、

  • jQuery-FullCalendarでスケジュール表示カレンダー | サラリーマンのすらすらIT日記

    先日「jQuery-webでスケジュール表示カレンダー」という記事を書きました。やってみたいことができたので、少し紹介します。 このFullCalendarは、JSON形式データを渡すと表示されます。JSON形式データはファイルでもいいし、PHPなどのサーバサイドプログラムでJSON形式として出力したものでも表示できます。 $('#calendar').fullCalendar({ // ここで他のオプションを設定 // events: "http://192.168.1.1/hogehoge.php?from=2010-01-01&to=2010-01-31" }); サーバ192.168.1.1にあるhogehoge.phpは、指定した期間のデータを取ってきて(ここでは2010年1月1日から2010年1月31日まで)、クライアントに渡すというもので、これでFullCalendarに表示

  • 1