タグ

jsonに関するhashimoyaのブックマーク (7)

  • jQueryを使って、クリックされたリストのidを取得したいと思います。…

    jQueryを使って、クリックされたリストのidを取得したいと思います。リストはJSONでPHPから読み込んでいます。 下記のようなコードを書いたのですが、JSONで読み込んだリストをクリックして反応がありません。 JSONで読み込まずに直接HTMLに<li>を書けばアラートが表示されるので、JSONでリストを読み込んだのが 原因だと考えられます。しかし、動的にリストを読み込みたいのですが、何か方法はないでしょうか? // PHPからliの内容を取得 function getList(data){ // dataには<li id="1">aaa</li><li id="2">bbb</li>が入っているとする $("#myList").append(data); } $.getJSON('list.php',null,getList); // クリックしたliのidの値をアラートで表示 $

    hashimoya
    hashimoya 2012/01/21
    まさにおんなじ症状で悩んでた。こういうときにlive関数 使うんだ。。参考になった
  • jQueryのgetJSONで文字コード違うとIEでスクリプトエラーになるのを解消する - こんにちはこんにちはmonmonです!

    jQueryでgetJSON使ってjsonpするライブラリ作っていたのだけど、IEでエラーになるって指摘を受けた。 (僕はFirefoxだったのと、utf-8のページでロードしてたので気付かなかったのよね。。) で、確認した。 確かにエラー。 なんでだろ?と思いIEのデバッガでエラーを確認してみると、 どうやら取得したJSONの文字化けのせいっぽい。 確かに、自分で作ったスクリプトを<script charset="utf-8" ...>とかでロードしたとしても、 その先のjsonpの部分でcharset指定しないと文字化けを起こすよね。 と言うことでjQueryのドキュメントを確認。 jQuery.ajax( options ) …それっぽいのがナイでやんの。。。 と言うことでjQueryのソース見てみた。 jsonpだからcreateElement("script")してるところを探し

    jQueryのgetJSONで文字コード違うとIEでスクリプトエラーになるのを解消する - こんにちはこんにちはmonmonです!
    hashimoya
    hashimoya 2012/01/19
    けっこうよくある事態なので、scriptCharsetで指定、覚えておこう…
  • JSON Online Validator and Formatter - JSON Lint

    To format and validate your JSON, just copy + paste it below: About the JSONLint EditorJSONLint is a validator and reformatter for JSON, a lightweight data-interchange format. Copy and paste, directly type, or input a URL in the editor above and let JSONLint tidy and validate your messy JSON code. What Is JSON?JSON (pronounced as Jason), stands for "JavaScript Object Notation," is a human-readable

    hashimoya
    hashimoya 2012/01/17
    jsonファイルコピペでバリデート、整形もやってくれる
  • jQueryでJSONデータを表示したい。 « wondering-mug

    29 5月 2011 - by cat_anywhere JSONデータとは JSONとは、「javaScript Object Notation」の略で、javaScriptで利用されるデータフォーマットの1つです。 JSONは、JavaScriptのリテラル形式で記述されたデータで、JavaScriptと親和性が高く、XML等のデータフォーマットより、よく利用される。 JSONでは、データをオブジェクトとして取り扱います。 以下では、実際にスクリプトを例に説明します。 スクリプトの例 その1 { "name" : "Taro Tanaka" , "age" : 31 } nameとageという、2つの「プロパティ」を持つ「オブジェクト」をJSONデータとしている。 スクリプトの例 その2 [ { "name" : "Taro Tanaka" , "age" : 31 } , { "

  • 第19回 jQueryでAJAX入門:JSONを使いサイトにTwitterを表示 | gihyo.jp

    jQueryでAJAX入門2回目:JSON形式を扱う 前回はXML形式のRSSをAJAXで取得してリストで表示させました。今回はXMLではなく、JSON(ジェイソン)と呼ばれる形式を扱い、同じようにリストを表示させてみることにします。今回ご紹介するJSON形式も、前回紹介のXML形式同様jQueryで取得・表示をさせることができます JSON? JSONはJavaScript Object Notationの略で、JavaScriptで簡単に扱えるテキストベースのデータフォーマットです。たとえば下記のような構造になっています。 JSONサンプル [ { "name": "技評太郎", "age" : 26, "skills":["PHP" , "JavaScript"] }, { "name": "長谷川広武", "age":25, "skills":["HTML" , "CSS"] },

    第19回 jQueryでAJAX入門:JSONを使いサイトにTwitterを表示 | gihyo.jp
    hashimoya
    hashimoya 2011/12/14
    解説ていねい&サンプルがわかりやすい。
  • jQueryでjsonデータを扱ってみる【入門編】

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

    jQueryでjsonデータを扱ってみる【入門編】
    hashimoya
    hashimoya 2011/12/14
    jQueryでJSON入門編。まったくのゼロからでも動くもの作れる
  • jQuery.getJSON()で、JSON形式のデータを読み込みパースし表示

    jQuery の jQuery . getJSON( url [, data] [, success( data, textStatus, jqXHR )] ) メソッドを使った Ajax リクエストで、JSON形式のデータを読み込み、パースし、表示する方法。 実装例(サンプル) 実装例(サンプル)の動作について 「toggle」ボタンをクリックすると、「jquery-sample-getJSON-json.js」ファイルを読み込み、パースし、黄色のボックス要素内に表示する。 読み込みが成功すると、「toggle」ボタンの右横に「読み込み成功」と表示する。 「toggle」ボタンを、再度クリックすると、元に戻す。 実装例(サンプル)のソースコード JavaScript <script> <!-- jQuery( function() { jQuery( '#jquery-sample-bu

    hashimoya
    hashimoya 2011/12/14
    JSONで読み込んだデータをパースして表示するサンプル
  • 1