• ベストアンサー

JSONファイルの読み込み

{"note":[ {"content":"aaa", "title":"hoge"}, {"content":"bbb", "title":"hogehoge"} ]} 以上のような内容のファイル(note.json)を読み込んで、1つ目のtitle(hoge)を取り出し、 <a href="hoge.html" title="">link</a> のtitleの部分に挿入したいのですが、どなたかご教授お願いいたします。

  • AJAX
  • 回答数3
  • ありがとう数34

質問者が選んだベストアンサー

  • ベストアンサー
noname#84373
noname#84373
回答No.1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "?http://www.w3.org/TR/html4/strict.dtd"> <title>set Title?</title> <a href="hoge.html" title="" id="a">link1</a> <a href="hoge.html" title="" id="b">link2</a> <script type="text/javascript"> eval('var a={"note":[ {"content":"aaa", "title":"hoge"},{"content":"bbb", "title":"hogehoge"} ]}'); document.getElementById('a').setAttribute('title',a.note[0].title); document.getElementById('b').title=a.note[1].title; </script>

shizer
質問者

補足

ご回答ありがとうございます。1つ質問なのですが、 {"note":[ {"content":"aaa", "title":"hoge"}, {"content":"bbb", "title":"hogehoge"} ]} の部分は外部ファイル(note.json)としているので、これを読み込む必要があるかと思います。拡張子がjsonとしている場合はどのように読み込めばいいでしょうか?若しくは、拡張子をjsと変えて <script type="text/javascript" src="note.js"></script> と記述して読み込むしかないでしょうか?

その他の回答 (2)

noname#84373
noname#84373
回答No.3

だからAjaxでそのままファイルごとテキストで読み込んで eval('var a='+ obj.resopnseText );

shizer
質問者

補足

お手数かけて申し訳ありません。何度もコメントありがとうございます。 その方法で試してみたいと思います。

noname#84373
noname#84373
回答No.2

<script type="text/javascript" src="data.js"></script> で読み込むなら、始めから そのファイルそのものが、aをオブジェクトとして宣言する var a={~ のファイル構造でよくない? Ajaxで読み込むなら eval('var a='+ obj.resopnseText ); みたいな・・・。 ちがうの?

shizer
質問者

補足

諸事情によりdata.jsの構造は {"note":[ {"content":"aaa", "title":"hoge"}, {"content":"bbb", "title":"hogehoge"} ]} のままでどうにか処理したいと考えています。

関連するQ&A

  • phpで、ある文章の中から"["と"]"で囲まれた部分を取得して、取得

    phpで、ある文章の中から"["と"]"で囲まれた部分を取得して、取得された部分を元に任意の処理をした後、その結果を元の"[~]"と置き換えたいのですが、方法がわかりません。 どなたかご教授お願いします。 例えば、以下の$contentの内容を$dataを使って最終的に(結果)の状態にしたいのです。 $content = "あいうえお[abcde]かきくけこ[fghij]さしすせそ"; $data["abcde"] = array("url"=>"aaa_abcde.html","title"=>"1つめ"); $data["fghij"] = array("url"=>"bbb_fghij.html","title"=>"2つめ"); (結果) あいうえお<a href="aaa_abcde.html">1つめ</a>かきくけこ<a href="bbb_fghij.html">2つめ</a>さしすせそ

    • ベストアンサー
    • PHP
  • コードをもっとスマートにする方法はありませんか?

    PHPを学び始めた者です。 現在自サイトのリンク集を動的に作成しております。 各ページのURLを読み込み特定URL文字があった場合は書き換えを行なっているのですが、数が多くなり(300件以上)コードが増えてきました。 出来るだけ管理しやすくスマートにしたいのですが何か方法ありませんか? ~略~ if(strstr($item['link'], "hoge1.")){ $blog = "<a href=\"http://hoge1.hogehoge.com/\">hoge1さん</a>"; }elseif(strstr($item['link'], "hoge2.")){ $blog = "<a href=\"http://hoge2.test.com/\">hoge2さん</a>"; }elseif(strstr($item['link'], "test3.")){ $blog = "<a href=\"http://test3.hogehoge.com/\">test3さん</a>"; }elseif(strstr($item['link'], "/")){ $blog = "<a href=\"http://#\">未登録</a>"; }; ~略~

    • 締切済み
    • PHP
  • 2次元のJSON形式の配列の展開

    JSON形式で受け取った2次元配列をHTMLに書き出そうとしています。 配列を指定するカラム名?を変数にしたいのですがうまくできません。 var hoge = "abc"; var len = result.length; for (i = 0; i < len; i++){  objResult.append("<li><a href=" + result[i].ID + ">" + result[i].hoge + "</a></li>"); } ※objResultはul要素を変数に収めたものです。 JSONデータは1列目のカラム名は『ID』で固定ですが2列目は変動する為、上記の『hoge』の部分にはJSONデータを受け取る前にカラム名を別処理で取得して格納しています。 ご教授の程よろしくお願いします。

  • 秀丸エディタでHTMLの部分のURLだけ抜き出したい。

    秀丸エディターでマクロを使って <a href="http://aaa.com/1111"> <a href="http://aaa.com/2222"> <a href="http://bbb.com/1111"> <a href="http://bbb.com/3333"> の部分の http://aaa.com/1111 http://aaa.com/2222 http://bbb.com/1111 http://bbb.com/3333 の部分だけを抜き出したいと思います。 よろしくお願いします。

  • リンクからのPOST送信について

    <a href="hoge.cgi?aaa=bbb">hoge</a> この場合、リンクをクリックしたらGETで送られるとおもうのですが、 POSTで送るにはどうしたらいいのでしょうか?

    • ベストアンサー
    • Perl
  • PHPで<a>タグ内からURLと文字を抜き出したい

    PHP4.3で $html_tag = '<a href="http://www.hogehoge.com/hogehoge/hoge/sample.html" class="hogehoge" title="hogehoge">りんく先名称</a>'; というような変数から 「http://www.hogehoge.com/hogehoge/hoge/sample.html」 のURLと 「りんく先名称」という<a>で囲まれた文字列を抜き出したいのです。 preg_matchを使っていろいろやってみたのですが、どうもうまくいきません。というか、正規表現がどのように書いていいのかわからないのですが・・・ そもそもpreg_matchを使わずとも簡単な方法があるのでしょうか? 大変恐れ入りますが、ご教授いただけませんでしょうか?

    • ベストアンサー
    • PHP
  • 秀丸エディタでHTMLの部分のURLだけ抜き出したい。

    秀丸エディターを使って <img src="/image/cam.gif"></td><td align=center nowrap><a href="http://aaa.com/1111"><a href="http://aaa.com/2222"><a href="http://bbb.com/1111"><a href="http://bbb.com/3333">....................... のURL部分の http://aaa.com/1111 http://aaa.com/2222 http://bbb.com/1111 http://bbb.com/3333 の部分だけを抜き出したいと思います。 よろしくお願いします。

  • phpの正規表現

    いつもお世話になっています。 テキストの中から「hoge.jp/」で終わっているURLだけを取得したいです。以下なら2行目の2つだけを。 phpと正規表現で取得できる方法をご教授下さい! 1.<a href="ttp://nono-com.hoge.jp/index.php">いらないブログ</a> 2.<p><a href="ttp://aaa-com.hoge.jp/">aaaのブログ</a><a href="ttp://bbb-com.hoge.jp/">bbbのブログ</a></p> 3.<a href="ttp://nono-com.hoge.jp/iranai/blog/">いらないブログ</a> 宜しくお願いします。

    • ベストアンサー
    • PHP
  • 複数のjsonファイルを「もっと見る」ボタンで出力

    プログラム初心者です。 Instagramからハッシュタグで画像を抽出し、「もっと見る」ボタンで少しずつHTMLに出力したいです。 ↓こちらのブログを参考にさせていただき、Instagramの画像をHTMLに出力するところまで、何とか辿り着きました。 http://blog.hello-world.jp.net/php/2777/ <script> $(function() { $.ajax({ url: "json/1.json", dataType: "json", error: function(jqXHR, textStatus, errorThrown) { $("#content").text(textStatus); }, success: function(data) { var dataArray = data; $.each(dataArray, function(i){ $("#content").append("<div><p id='" + dataArray[i].id + "'><a href='" + dataArray[i].link + "' target='_blank'><img src='" + dataArray[i].image_url + "'></a></p></div>"); }); } }); }); </script> この状態だと1枚目のjsonしか読み込んでいないので、2枚目以降のファイルも2.json、3.json…「もっと見る」ボタンで取得するようにしたいのですが、知識が足りず。。。 ↓こちらのサイトのように、スクロールで表示させるものでも良いのですが。 http://nekostagram.com/ 詳しい方、ご協力いただけるとありがたいです。 どうぞよろしくお願いいたします。m(__)m

  • phpファイルで"?"と"&"を含むリンクが張れない

    a.phpでphpロジック外部に書いたHTMLリンクタグ <a href ="http://aaa.**.jp/bbb.php?id=231fa&pass=1">リンク</a> がブラウザに表示できません。 "?"と"&"と除いた <a href ="http://aaa.**.jp/bbb.php">リンク</a> はもちろんきちんと表示できるのですが。。 "&"を"&amp;"と変更してもだめでした。 "?"の変換文字コードはないみたいですし。。。 どなたかご教授ください。 宜しくお願いします。

    • 締切済み
    • PHP

専門家に質問してみよう