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

AJAX(非同期JavaScriptおよびXML)は、従来のWebページの更新や再読み込みを行わずにインタラクティブなWebサイトのユーザーインターフェイスを作成するための手法です。クライアントとサーバー間の非同期データ交換を使用して、表示される情報を更新し、ユーザーの対話にシームレスに応答します。プログラミング言語、ライブラリ、フレームワーク、Webブラウザー、プロトコル、およびその他の環境情報の追加タグを含めます。

20
jQuery Ajaxエラー処理、カスタム例外メッセージを表示
カスタム例外メッセージをjQuery AJAXエラーメッセージのアラートとして表示する方法はありますか? たとえば、Struts by を介してサーバー側で例外をスローする場合throw new ApplicationException("User name already exists");、jQuery AJAXエラーメッセージでこのメッセージ(「ユーザー名はすでに存在しています」)をキャッチします。 jQuery("#save").click(function () { if (jQuery('#form').jVal()) { jQuery.ajax({ type: "POST", url: "saveuser.do", dataType: "html", data: "userId=" + encodeURIComponent(trim(document.forms[0].userId.value)), success: function (response) { jQuery("#usergrid").trigger("reloadGrid"); clear(); alert("Details saved successfully!!!"); }, error: function (xhr, ajaxOptions, thrownError) { alert(xhr.status); alert(thrownError); } }); } }); …

14
PHPでのjQuery Ajax POSTの例
フォームからデータベースにデータを送信しようとしています。これが私が使っているフォームです: <form name="foo" action="form.php" method="POST" id="foo"> <label for="bar">A bar</label> <input id="bar" name="bar" type="text" value="" /> <input type="submit" value="Send" /> </form> 典型的なアプローチはフォームを送信することですが、これによりブラウザがリダイレクトされます。jQueryとAjaxを使用して、フォームのすべてのデータをキャプチャし、それをPHPスクリプト(例:form.php)に送信することは可能ですか?
682 php  javascript  jquery  ajax  post 


4
ハッシュやページの再読み込みなしで新しいURLでアドレスバーを更新する
私は、ページをリロードせずにJavaScript(ドメインではなくパス)を介してアドレスバーを更新する方法を実装するクロム(開発チャネル)を夢見ていたか、実際にこれを実行しました。 しかし、読んだと思う記事が見つかりません。 私は狂っていますか、これを行う方法はありますか(Chromeで)? PS私はwindow.location.hashなどについて話していません。上記が存在する場合、この質問に対する答えは正しくありません。


7
PUT、DELETE、HEADなどのメソッドは、ほとんどのWebブラウザーで使用できますか?
私は、RESTfulサービスをデバッグする方法のように、ここでいくつかの質問を見てきました。 残念ながら、同じブラウザでは、HTTP PUT、DELETE、およびある程度はHTTP POSTをテストすることはできません。 ブラウザはGETとPOSTのみをサポートしていると聞いたことがあります。 http://www.packetizer.com/ws/rest.html http://www.mail-archive.com/jmeter-user@jakarta.apache.org/msg13518.html http://www.xml.com/cs/user/view/cs_msg/1098 ただし、Firefoxでのいくつかの簡単なテストでは、送信PUTとDELETEリクエストが期待どおりに機能することが示されています-はXMLHttpRequest正常に完了し、リクエストは正しい方法でサーバーログに表示されます。ブラウザー間の互換性や明白でない制限など、これに欠けている側面はありますか?


14
jQuery.ajaxでmultipart / formdataを送信する
jQueryのajax関数を使用してサーバーサイドのPHPスクリプトにファイルを送信するときに問題が発生しました。ファイルリストを取得する$('#fileinput').attr('files')ことは可能ですが、このデータをサーバーに送信するにはどうすればよいですか?ファイル入力を使用する$_POSTと、サーバーサイドのphp-script の結果の配列()は0(NULL)になります。 私はそれが可能であることを知っています(今までjQueryソリューションは見つかりませんでしたが、Prototyeコードのみ(http://webreflection.blogspot.com/2009/03/safari-4-multiple-upload-with-progress.html) )。 これは比較的新しいようですが、XHR / Ajaxを介したファイルのアップロードは確実に機能しているため、XHR / Ajax経由でのアップロードは不可能であることを述べないでください。 Safari 5の機能が必要です。FFとChromeはいいですが、必須ではありません。 今の私のコードは: $.ajax({ url: 'php/upload.php', data: $('#file').attr('files'), cache: false, contentType: 'multipart/form-data', processData: false, type: 'POST', success: function(data){ alert(data); } });

13
オン-window.location.hash-変更?
私はナビゲーションにAjaxとハッシュを使用しています。 window.location.hashこのように変更されたかどうかを確認する方法はありますか? http://example.com/blah #123へhttp://example.com/blah #456 ドキュメントの読み込み時にチェックすると機能します。 しかし、#hashベースのナビゲーションがある場合、ブラウザーの戻るボタンを押しても機能しません(そのため、blah#456からblah#123にジャンプします)。 アドレスボックス内に表示されますが、JavaScriptではキャッチできません。

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を使用して同等のものをどのように書くことができますか?

22
リクエストペイロードではなくフォームデータとしてデータを投稿するにはどうすればよいですか?
以下のコードでは、AngularJS $httpメソッドがURLを呼び出し、xsrfオブジェクトを「リクエストペイロード」として送信します(Chromeデバッガーのネットワークタブで説明)。jQuery $.ajaxメソッドは同じ呼び出しを行いますが、xsrfを「フォームデータ」として送信します。 AngularJSにリクエストペイロードではなくフォームデータとしてxsrfを送信させるにはどうすればよいですか? var url = 'http://somewhere.com/'; var xsrf = {fkey: 'xsrf key'}; $http({ method: 'POST', url: url, data: xsrf }).success(function () {}); $.ajax({ type: 'POST', url: url, data: xsrf, dataType: 'json', success: function() {} });

9
jQuery get textarea text
最近、jQueryを使用し始め、いくつかのチュートリアルに従っています。今、私はそれを使用するのが少し上手だと感じています(かなり簡単です)。私のWebページに「コンソール」を作成できれば(たとえば、FPSゲームで行うように `キーを押して、など)、そしてAjax自体をサーバーに戻して何かを行います。 最初は、textarea内のテキストを取得してそれを分割するか、keyupイベントを使用して、返されたキーコードをASCII文字に変換し、文字を文字列に追加して、文字列をサーバー(文字列を空にする)。 テキストエリアからテキストを取得するための情報を見つけることができませんでした。キーアップ情報しか得られませんでした。また、返されたキーコードをASCII文字に変換するにはどうすればよいですか?
486 javascript  jquery  ajax 

14
jQuery AJAXクロスドメイン
ここにtest.phpとtestserver.phpの2つのページがあります。 test.php <script src="scripts/jq.js" type="text/javascript"></script> <script> $(function() { $.ajax({url:"testserver.php", success:function() { alert("Success"); }, error:function() { alert("Error"); }, dataType:"json", type:"get" } )}) </script> testserver.php <?php $arr = array("element1", "element2", array("element31","element32")); $arr['name'] = "response"; echo json_encode($arr); ?> 今私の問題:これらのファイルの両方が同じサーバー(localhostまたはWebサーバー)にある場合、それは機能し、alert("Success")呼び出されます。異なるサーバー上にある場合、つまり、webサーバー上のtestserver.phpとlocalhost上のtest.phpは、機能せず、alert("Error")実行中です。ajax内のURLがhttp://domain.com/path/to/file/testserver.phpに変更されても

21
プリフライト要求への応答がアクセス制御チェックに合格しません
ngResourceを使用してアマゾンウェブサービスでREST APIを呼び出すと、このエラーが発生します。 XMLHttpRequestがhttp://server.apiurl.com:8000/s/login?login=facebookを読み込めません 。プリフライト要求への応答がアクセス制御チェックに合格しません:要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン ' http:// localhost 'はアクセスを許可されません。 エラー405 サービス: socialMarkt.factory('loginService', ['$resource', function($resource){ var apiAddress = "http://server.apiurl.com:8000/s/login/"; return $resource(apiAddress, { login:"facebook", access_token: "@access_token" ,facebook_id: "@facebook_id" }, { getUser: {method:'POST'} }); }]); コントローラ: [...] loginService.getUser(JSON.stringify(fbObj)), function(data){ console.log(data); }, function(result) { console.error('Error', result.status); } [...] 私はChromeを使用していますが、この問題を解決するために他に何をすべきかわかりません。originからのヘッダーを受け入れるようにサーバーを構成しましたlocalhost。

23
jQuery.Ajaxでファイルをダウンロードする
サーバー側でファイルをダウンロードするためのStruts2アクションがあります。 <action name="download" class="com.xxx.DownAction"> <result name="success" type="stream"> <param name="contentType">text/plain</param> <param name="inputName">imageStream</param> <param name="contentDisposition">attachment;filename={fileName}</param> <param name="bufferSize">1024</param> </result> </action> ただし、jQueryを使用してアクションを呼び出すと: $.post( "/download.action",{ para1:value1, para2:value2 .... },function(data){ console.info(data); } ); Firebugでは、データがBinaryストリームで取得されているのがわかります。ユーザーがファイルをローカルに保存できるファイルダウンロードウィンドウを開く方法を教えてください。

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