メシのタネ

Webプログラミング 備忘録

  • DOMをPHPで操作できたらいいよね

    そうだよね。そう思うよね。JavaScriptでやると、画面がガタついたりするもんね。そうならないようにする方法もあるかもしれないけど、僕はできませんので、サーバー側でなんとかできたらええなぁと思って挑戦したけど、できませんでしたよ。PHP標準でHTMLをDOMにできるらしい今、技[...]

    続きを読む
  • 設計書ってなんで書くの?

    設計書をなぜ書くのかから始めてかれこれ3年近くこの禅問答をやっているわけですが、いまだに答えは出ません。ただ、その禅問答をやる中で設計書に対する取り組み方は大きく変わったので、その一部でも書いていきたい。基本設計はとにもかくにも必要だと思う設計書はいらぬ!という話をよく聞くし、自分[...]

    続きを読む
  • 書ききってやる。

    久々に書いてみる。久々に文章を書くということをやってみようと思う。伝える作業を観察したいと思ったからそうしたいと考えた。情緒的な文章は基本的にゴミ箱にぽいしてきましたが、情緒的なのも自分だと思う。「文章をかくという作業は、とりもなおさず自分と自分をとりまく事物との距離を確認すること[...]

    続きを読む
  • 普通の会社で2年普通に働いて思う事

    えらい寒くなりました。文句言いながらも現職を続けて2017年12月1日にめでたく2年がたちました。分かりやすいが乱暴に言えばITドカタと呼ばれる業界に入って案件のヒエラルキーの無慈悲さを痛感しながらも、それでもしょうがないと頑張る人たちに心を打たれながら「じゃあ俺も」と頑張れない自分に挫折して、とあ[...]

    続きを読む
  • jQueryUiのDatepicker利用時にminDate設定するとバグる件

    題名の通りなんですが、DatepickerでminDate使うとバグります。また後でキャプチャ見て貰いますけど、灰色の部分が、minDateで設定した日付が反復して出るようになるんですね。こういうの気が付かない人がいるかも知れませんが、ChoromeでminDate設定してる人は気にしてみてくだ[...]

    続きを読む

マッシュアップ入門 ATNDのデータ取得

流行のAJAXをやってみた。
人のデータ使ってごちゃごちゃやれるなんて素晴らしいと思ったので。
エラー連発でだいぶ嫌な気分になったのですが、一応できました。
何の役にも立たないツール。

XMLHttpRequest cannot load

よく分からないのですが、ずっとエラーが出てました。
普通にURLを取得しようとすると、

XMLHttpRequest cannot load http://api.atnd.org/events/. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://hoge.info’ is therefore not allowed access.

ってエラーが出て困ります。

とりあえずエラーメッセージでググる。
何処のサイト見ても大体このように書いてある、

Header set Access-Control-Allow-Origin *
Header set Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header set Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

上記をヘッダー情報に追加すればいいと。
なるほどと、.htaccessに追加するけど、やっぱり無理。
setのとこがappendとかだったりするので変えたりしてみるけどやっぱ無理。

似たようなサイト作ってるコードを参考にした。

datatypeの指定をしていた。jsonpって指定をしてた。

こいつかなーと思って、それに倣ってコードをちょっと変更してみたら、
上手く行ったのであった。よくわがらんけど、なんか上手く行った。

実際のコード

$(function(){

var url = 'http://api.atnd.org/events/?format=jsonp'; 
    $.ajax({
    type: 'post',
    url : url,
    dataType: 'jsonp', //後はデータタイプの指定。
    data: "keyword=愛知県&keyword_or=wordpress&count=50", 
        success:function(data)
        {
            eleset(data); //ここまででデータ取得は完了
        },
   

    });




});

なんか釈然としない。あのヘッダに書き込む奴はなんなんだと。

関連記事

  1. PHPサムネイル

コメントをお待ちしております