[*その他*] ChromeにてAjaxでローカルファイルにアクセス - Qiita
はじめに ローカルにあるjsonファイルを$.getJSONで読み込んで、それを使ってあれこれやりたかったが、 Chromeで以下が発生。 ローカルファイルにAjaxリクエストを送ると怒られる。 XMLHttpRequest cannot load file:///Users/test/Documents/json/contents.json.Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. これが発生すること自体は知っていたが、特に今までChromeじゃないと困るってことは無かったのでエラーが起きないFirefoxを使ってローカルで確認していた。 今回Chromeの方がい
![[*その他*] ChromeにてAjaxでローカルファイルにアクセス - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8aed5080caff5dbf65fc300a3b0ded29bfbdc5a6/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCJTJBJUUzJTgxJTlEJUUzJTgxJUFFJUU0JUJCJTk2JTJBJTVEJTIwQ2hyb21lJUUzJTgxJUFCJUUzJTgxJUE2QWpheCVFMyU4MSVBNyVFMyU4MyVBRCVFMyU4MyVCQyVFMyU4MiVBQiVFMyU4MyVBQiVFMyU4MyU5NSVFMyU4MiVBMSVFMyU4MiVBNCVFMyU4MyVBQiVFMyU4MSVBQiVFMyU4MiVBMiVFMyU4MiVBRiVFMyU4MiVCQiVFMyU4MiVCOSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9M2M1OTY0NjdhYmVhMjI3NWFjOThiOTQ4YThiODJkZTQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBjaWdhbGVjaWdhbGVzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mOGU4ZmRmYWNlYzZjNDE2ZmYwYjhhNGYyZWMyZTAyOQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dab59b7c3444d5685d11211348b1cc170)
Ajax クロスドメイン with jQuery - satosystemsの日記
jQuery で Ajax を行うのにあたり、同一ドメインにアクセスする際には問題ないけど、違うドメインにアクセスしようとする場合、何らかの対応が必要になります。 対応方法が３つあるので、簡単にまとめておきます。 ベース実装 まず、今回のエントリのベース実装はこんな感じです。 <html> <head> <script src="jquery-2.0.3.min.js"></script> <script> $.ajax({ url: 'http://www.ekidata.jp/api/l/11302.json', type: "GET", success: function(res) { console.log(res); } }); </script> </head> <body> </body> </html> これをローカルに任意の名前で保存し（jQuery のダウンロードも忘れ
jQueryでAjaxするときに知っておきたい、JSONとJSONPの違い
jQueryだけで他のサーバーのコンテンツを読み込もうとすると、クロスドメインの制限がついて回ります。なぜJSONではなくJSONPを使わなければならないのか確認し、他の解決策も検討してみましょう。 ※本記事は2016年7月15日に掲載した記事の翻訳を一部更新したものです。執筆時点の情報をベースにしており、最新ではない可能性があります。 Webベースのアプリケーションを開発し、権限のないドメインからデータをロードしようとすると、おそらくブラウザーの画面に以下のようなメッセージが表示されているはずです。 XMLHttpRequest cannot load http://external-domain/service. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘h
第18回 東京アートビートAPIを使ってさまざまなイベント情報を取得してみよう! - MdN Design Interactive
ゼロからのWebサービス制作も自由自在 WEB API PROGRAMMING! 第18回 東京アートビートAPIを使って、 さまざまなイベント情報を取得してみよう! 東京アートビートAPI 今回は、東京アートビートAPIを使って、東京で開催されているイベント情報を取得してみよう。東京アートビートAPIを使うと、東京アートビートが公開している東京で開催されているアート・デザイン展の開催情報を簡単に取得することができる。 制作・文＝中澤直也（サノウ株式会社） INDEX >>> STEP 1 東京アートビートとは >>> STEP 2 東京アートビートAPIの使い方 >>> STEP 3 イベントリストを取得してみよう >>> STEP 4 位置情報からイベント情報を取得してみよう >>> STEP 5 東京アートビートAPIの応用例 Profile 中澤直也●1977年生まれ、長野県出身。
DAD UNION – エンジニア同盟｜世のエンジニアを手助けするテック系サイト
JavaScript JavaScriptで簡単にBase64エンコード＆デコードの完全ガイド 2024-06-10 dad-union
ajaxによるxmlの読み込み - Web.fla
javascriptでも外部ファイルを読み込む処理って今や当たり前になりましたね。 なので、ちょっとajaxを利用してxmlファイルを読み込む処理の実験をしたいと思います。 javascriptでajaxだとちょっと記述がめんどくさいのでjQueryによるxmlファイルの読み込みを記事にしたいと思います。 ajaxによる読み込み $(document).ready(function(){ // $.ajax({ url:"index.xml", type:"get", dataType:"xml", timeout:1000, cache:false, error:function(){ alert("xmlファイルの読み込み失敗"); }, success:function(xml){ var listdata=""; $(xml).find("list").each(function(
jQueryで外部HTML（JSON形式）化した要素を「もっと見る」ボタンで追加する方法｜BLACKFLAG
これらの設定値を変更することでもろもろ調整が可能になっています。 追加される要素は一つひとつが ＜div＞で囲われるようになっており 個々にID名が付与されるようになっています。 ※実行後のHTMLソースをFirebug等の開発ツールで見てもらえると分かるかと思います。 （ID名に関してはJSONファイルに記述） スクリプト14行目の「url: ‘js/include.json’」が 読み込むJSONファイルの指定になるので パスやファイル名を変える際にはここを変更します。 そして読み込むJSONファイルは以下の様になっています。 （ちょっとムダに長いです・・・） ◆JSON [ { "itemNum": "1", "itemSource": "<img src='img/photo1.jpg' alt='' />【photo1】<br>これは追加要素1つ目のダミーテキストです。これは追加
団塊爺ちゃんの備忘録
AjaxでJSON形式のデータを扱う JSON形式のデータは、XML形式よりタグが無い分サイズも小さく、又、XML形式で必要なDOM操作も無く、 単純な処理で読み込みや書き出しができます。 javascriptはもとより、さまざまな言語間でのデータの受け渡しに使えるので便利です。 JSONのデータ形式や参照方法を勉強してみます。 JSONのデータ形式 JSONで使えるデータ型は数値・文字列・真偽値・配列・オブジェクト（連想配列）などです。 カンマで区切られたデータの集合を、配列は大カッコ[]で、オブジェクトは中カッコ｛｝で囲みます。 キーは必ず文字列になります。つまりダブルクォーテーションで囲む必要があります。 配列 ["田中", "佐藤", "鈴木"] オブジェクト {"name":"田中", "age":25, "sex":"男"} 両方の組み合わせ [{"name":"田中", "a
jQueryでモーダルウィンドウを作成。 | Almondlab
（追記／2011.12.02）ウィンドウをスクロールの際に、背景もズレてしまう不具合があったので、CSSとJavaScriptの一部を調整しました。 jQueryを使ってモーダルウィンドウを作成します。ウィンドウに表示するコンテンツはjQueryのAjaxで読み込むようにしています。 サンプルはこちら <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
