タグ付けされた質問 「xmlhttprequest」

XMLHttpRequest(XHR)は、Webブラウザを実行するフロントエンドコードから非同期HTTPリクエストを行うためのAPIを公開するJavaScriptオブジェクトです。つまり、AJAXと呼ばれるプログラミング手法を有効にします。XHR APIはレガシーAPIです。Fetch APIに置き換えられました。

30
ファイルを非同期でアップロードするにはどうすればよいですか?
jQueryで非同期にファイルをアップロードしたいと思います。 $(document).ready(function () { $("#uploadbutton").click(function () { var filename = $("#file").val(); $.ajax({ type: "POST", url: "addFile.do", enctype: 'multipart/form-data', data: { file: filename }, success: function () { alert("Data Uploaded: "); } }); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <span>File</span> <input type="file" id="file" name="file" size="10"/> <input id="uploadbutton" type="button" value="Upload"/> コードスニペットを実行する結果を非表示スニペットを展開 アップロードされているファイルの代わりに、ファイル名のみを取得しています。この問題を解決するにはどうすればよいですか?

30
Access-Control-Allow-Origin Multiple Origin Domains?
Access-Control-Allow-Originヘッダーを使用して複数のクロスドメインを許可する方法はありますか? は承知していますが、*オープンすぎます。私は本当にいくつかのドメインだけを許可したいです。 例として、次のようなもの: Access-Control-Allow-Origin: http://domain1.example, http://domain2.example 上記のコードを試しましたが、Firefoxでは動作しないようです。 複数のドメインを指定することは可能ですか、それとも1つだけで行き詰まりますか?

17
XmlHttpRequestエラー:Origin-nullはAccess-Control-Allow-Originでは許可されていません
jQueryのAJAXサポートを介してFlickrとPanoramioから画像を取得するページを開発しています。 Flickr側は問題なく動作していますが、$.get(url, callback)Panoramioから起動しようとすると、Chromeのコンソールにエラーが表示されます。 XMLHttpRequestはhttp://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&callback=processImages&minx=-30&miny=0&maxx=0&maxy=150を読み込めません。Origin nullはAccess-Control-Allow-Originでは許可されていません。 ブラウザから直接そのURLをクエリすると、正常に動作します。何が起こっているのですか、これを回避できますか?クエリを間違って作成していますか、またはこれはPanoramioが私がやろうとしていることを妨げるために行うものですか? Googleは、エラーメッセージに関する有用な一致を表示しませんでした。 編集 この問題を示すサンプルコードを次に示します。 $().ready(function () { var url = 'http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&callback=processImages&minx=-30&miny=0&maxx=0&maxy=150'; $.get(url, function (jsonp) { var processImages = function (data) { alert('ok'); }; eval(jsonp); }); }); この例はオンラインで実行できます。 編集2 これを助けてくれたDarinに感謝します。 上記のコードは間違っています。 代わりにこれを使用してください: $().ready(function () { var url = 'http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&minx=-30&miny=0&maxx=0&maxy=150&callback=?'; $.get(url, function (data) { // can use …

12
XMLHttpRequestを使用してPOSTデータを送信する
JavaScriptでXMLHttpRequestを使用してデータを送信したいのですが。 HTMLで次のフォームがあるとします。 <form name="inputform" action="somewhere" method="post"> <input type="hidden" value="person" name="user"> <input type="hidden" value="password" name="pwd"> <input type="hidden" value="place" name="organization"> <input type="hidden" value="key" name="requiredkey"> </form> JavaScriptでXMLHttpRequestを使用して同等のものをどのように書くことができますか?

20
ローカルテキストファイルを読み取る方法
ファイルのパスを受け取り、テキストの各行をchar配列に変換する関数を作成して、単純なテキストファイルリーダーを記述しようとしていますが、機能しません。 function readTextFile() { var rawFile = new XMLHttpRequest(); rawFile.open("GET", "testing.txt", true); rawFile.onreadystatechange = function() { if (rawFile.readyState === 4) { var allText = rawFile.responseText; document.getElementById("textSection").innerHTML = allText; } } rawFile.send(); } ここで何が問題になっていますか? これは、以前のリビジョンからコードを少し変更した後でも機能しないようですが、今ではXMLHttpRequest例外101が発生します。 私はこれをFirefoxでテストしましたが動作しますが、Google Chromeでは動作せず、例外101が発生し続けます。Firefoxだけでなく、他のブラウザー(特にChrome)でも動作させるにはどうすればよいですか。 )?

8
一般的なブラウザではいくつの同時AJAX(XmlHttpRequest)リクエストが許可されますか?
Firefox 3では、答えはドメインごとに6つです。同じドメインに対して(任意のタブで)7番目のXmlHttpRequestが起動するとすぐに、他の6つのうちの1つが完了するまでキューに入れられます。 他の主要なブラウザの数はいくつですか? また、ユーザーがブラウザ設定を変更せずにこれらの制限を回避する方法はありますか?たとえば、jsonpリクエスト(XmlHttpRequestオブジェクトではなくスクリプトタグインジェクションを使用)の数に制限はありますか? 背景:ユーザーはWebページからサーバーにXmlHttpRequestsを作成し、リモートホストでsshコマンドを実行するようサーバーに要求できます。リモートホストがダウンしている場合、sshコマンドが失敗するまでに数分かかり、最終的にユーザーがそれ以上コマンドを実行できなくなります。

18
オリジンはAccess-Control-Allow-Originでは許可されていません
Sencha Touch 2アプリケーション(PhoneGapでラップ)でAjax.requestリモートPHPサーバーを作成しています。 サーバーからの応答は次のとおりです。 XMLHttpRequestはhttp://nqatalog.negroesquisso.pt/login.phpを読み込めません。Origin http://localhost:8888はAccess-Control-Allow-Originでは許可されていません。 この問題を解決するにはどうすればよいですか?

10
GETリクエストではなくOPTIONSリクエストが返されるのはなぜですか?
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script> <script> $.get("http://example.com/", function(data) { alert(data); }); </script> そのURLに対してOPTIONSリクエストを実行し、コールバックは何も呼び出されません。 クロスドメインでない場合は、正常に動作します。 jQueryは、<script>ノードを使用して呼び出しを行い、ロード時にコールバックを行うだけではいけませんか?(クロスドメインであるため)結果を取得できないことを理解していますが、それで問題ありません。電話をかけたいだけです。これはバグですか、それとも何か問題がありますか?

5
JSON.parseからの例外をキャッチする適切な方法
JSON.parse404応答が含まれる場合がある応答で使用しています。404を返す場合、例外をキャッチしてから他のコードを実行する方法はありますか? data = JSON.parse(response, function (key, value) { var type; if (value && typeof value === 'object') { type = value.type; if (typeof type === 'string' && typeof window[type] === 'function') { return new(window[type])(value); } } return value; });

9
XMLHttpRequest Origin nullは許可されませんfile:///からfile:///へのAccess-Control-Allow-Origin(サーバーレス)
インデックスファイルを起動して、ローカルでダウンロードして実行できるWebサイトを作成しようとしています。 すべてのファイルはローカルであり、リソースはオンラインで使用されません。 jQueryのAJAXSLTプラグインを使用して、XSLテンプレート(サブディレクトリ内)でXMLファイルを処理しようとすると、次のエラーが表示されます。 XMLHttpRequest cannot load file:///C:/path/to/XSL%20Website/data/home.xml. Origin null is not allowed by Access-Control-Allow-Origin. XMLHttpRequest cannot load file:///C:/path/to/XSL%20Website/assets/xsl/main.xsl. Origin null is not allowed by Access-Control-Allow-Origin. リクエストを行うインデックスファイルはfile:///C:/path/to/XSL%20Website/index.html、使用されるJavaScriptファイルがに保存されている間file:///C:/path/to/XSL%20Website/assets/js/です。 この問題を解決するにはどうすればよいですか?

4
XMLHttpRequestの応答を取得する方法は?
XMLHttpRequestを使用してリモートURLのコンテンツをロードし、アクセスしたサイトのHTMLをJS変数に格納する方法を知りたいです。 たとえば、http://foo.com/bar.phpのHTMLをロードしてalert()したい場合、どうすればよいでしょうか。

7
http:// localhostが起源である場合の致命的なCORS
サーバー(nginx / node.js)に適切なヘッダーを設定しても、このCORSの問題に悩まされています。 Chromeネットワークペインで確認できます->応答ヘッダー: Access-Control-Allow-Origin:http://localhost トリックを行う必要があります。 テストに使用するコードは次のとおりです。 var xhr = new XMLHttpRequest(); xhr.onload = function() { console.log('xhr loaded'); }; xhr.open('GET', 'http://stackoverflow.com/'); xhr.send(); 私は得る XMLHttpRequestはhttp://stackoverflow.com/をロードできません。Origin http:// localhostはAccess-Control-Allow-Originでは許可されていません。 サーバーの構成ではなく、クライアントスクリプトの問題だと思います...

7
Origin nullはAccess-Control-Allow-Originでは許可されていません
以下のコードを使用して、weather.xslというhtml出力を作成するための小さなxsltファイルを作成しました。 <!-- DWXMLSource="http://weather.yahooapis.com/forecastrss?w=38325&u=c" --> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" exclude-result-prefixes="yweather" xmlns:yweather="http://xml.weather.yahoo.com/ns/rss/1.0" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"> <xsl:output omit-xml-declaration="yes" indent="yes"/> <xsl:strip-space elements="*"/> <xsl:template match="/"> <img src="{/*/*/item/yweather:condition/@text}.jpg"/> </xsl:template> </xsl:stylesheet> 次のように、jQueryを使用して実行しようとしているhtmlファイルのdivにhtml出力をロードしたいと思います。 <div id="result"> <script type="text/javascript"> $('#result').load('weather.xsl'); </script> </div> しかし、次のエラーが発生します。OriginnullはAccess-Control-Allow-Originでは許可されていません。 私はxsltにヘッダーを追加することについて読みましたが、それを行う方法がわからないので、助けがあれば幸いです。html出力にこの方法でロードできない場合は、他の方法に関するアドバイスをそれをするのは素晴らしいことです。

5
ネイティブXHRを約束するにはどうすればよいですか?
この投稿を改善したいですか?この質問に対する詳細な回答を提供してください。これには、引用と、回答が正しい理由の説明が含まれます。詳細が不十分な回答は編集または削除される場合があります。 フロントエンドアプリで(ネイティブ)プロミスを使用してXHRリクエストを実行したいが、大規模なフレームワークのすべてのあざけりはありません。 私は私のXHRは約束を返すようにしたいが、これは動作しません(私を与えます:Uncaught TypeError: Promise resolver undefined is not a function) function makeXHRRequest (method, url, done) { var xhr = new XMLHttpRequest(); xhr.open(method, url); xhr.onload = function() { return new Promise().resolve(); }; xhr.onerror = function() { return new Promise().reject(); }; xhr.send(); } makeXHRRequest('GET', 'http://example.com') .then(function (datums) { console.log(datums); });


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.