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

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


11
Djangoに最適なAJAXライブラリは何ですか?[閉まっている]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 6年前休業。 この質問を改善する djangoに最適なAJAXライブラリーとその理由は? チュートリアル、書籍、詳細なドキュメントの大規模なデータベースがあるものを探しています。 最も使いやすいのはどれですか?どちらが開発の初期段階にありますが、将来に大きな期待を示していますか? よろしく、 クリス
108 ajax  django 

8
配列をFormDataに追加し、AJAX経由で送信する
私はajaxを使用して、配列、テキストフィールド、ファイルを含むマルチパートフォームを送信しています。 各VARをメインデータに追加します var attachments = document.getElementById('files'); var data= new FormData(); for (i=0; i< attachments.files.length; i++){ data.append('file', attachments.files[i]); console.log(attachments.files[i]); data.append ('headline', headline); data.append ('article', article); data.append ('arr', arr); data.append ('tag', tag); 次に、ajax関数を使用してそれをPHPファイルに送信し、SQL DB内に格納します。 $.ajax({ type: "post", url: 'php/submittionform.php', cache: false, processData: false, contentType: false, data: data, success: function(request) {$('#box').html(request); } }) …

3
$ http.get(…).successは関数ではありません
私はこのコードを持っています: app.controller('MainCtrl', function ($scope, $http){ $http.get('api/url-api') .success(function (data, status, headers, config){ } } 私のローカル環境では問題なく動作しますが、サーバーでは次のエラーを返します。 TypeError:$ http.get(...)。successは関数ではありません 何か案は?ありがとう

8
HTTPSページでHTTP AJAX操作を実行すると、「混合コンテンツがブロックされる」
crm(ViciDial)に(この方法で必要なため、GETを介して)送信するフォームを持っています。フォームを正常に送信できますが、その場合、crmの処理ファイルは成功テキストをエコーするだけで、それだけです。 そのテキストの代わりに、ウェブサイトにお礼ページを表示したいので、AJAXを使用してフォームを送信し、必要なページにリダイレクトすることにしましたが、ブラウザーでこのエラーが発生します。 混合コンテンツ:「https://page.com」のページはHTTPS経由で読み込まれましたが、安全でないXMLHttpRequestエンドポイント ' http://XX.XXX.XX.XXX/vicidial/non_agent_api.php?queries=query=dataをリクエストしました'。このリクエストはブロックされました。コンテンツはHTTPS経由で提供する必要があります。 これは私のAJAXスクリプトです: <script> SubmitFormClickToCall = function(){ jQuery.ajax({ url: "http://XX.XXX.XX.XX/vicidial/non_agent_api.php", data : jQuery("#form-click-to-call").serialize(), type : "GET", processData: false, contentType: false, success: function(data){ window.location.href = "https://www.example.com/thank-you"; } }); } </script> URLにhttpsを設定するだけでは機能しません。GETを介してデータを送信し、ユーザーを感謝ページにリダイレクトする方法はありますか? ============================ ここでの問題は混合コンテンツでした。これは、HTTPSを介してページをロードし、HTTPにあるAPIをAJAX経由でヒットしようとしたことを意味します。しかし、ブラウザではそれを行うことはできません。 したがって、APIをHTTPSに設定できない場合(これは私のケースでした)、別の方法でこれにアプローチできます。 主な問題は、混合コンテンツの問題ではなく、APIにデータを送信して、ユーザーをファンシーなありがとうページにリダイレクトすることでした。AJAXを使用する代わりに、データを受信するphpファイルを作成し、curlを使用してそれをAPIに送信します(これはサーバー側で行われるため、混合コンテンツの問題はありません)。私の幸せなユーザーを豪華なありがとうページにリダイレクトします。
108 javascript  php  jquery  html  ajax 

11
GET / POST / PUT / DELETEの代わりにOPTIONSを送信するChromeのAJAX?
私は職場で内部Webアプリケーションに取り組んでいます。IE10ではリクエストは正常に機能しますが、Chromeでは、すべてのAJAXリクエスト(多数あります)は、指定したメソッドではなく、OPTIONSを使用して送信されます。技術的には、私の要求は「クロスドメイン」です。このサイトはlocalhost:6120で提供されており、AJAXリクエストを送信するサービスは57124にあります。このクローズされたjqueryバグは問題を定義していますが、実際の修正ではありません。 ajaxリクエストで適切なhttpメソッドを使用するにはどうすればよいですか? 編集: これは、すべてのページのドキュメントロードにあります。 jQuery.support.cors = true; そして、すべてのAJAXは同様に構築されています。 var url = 'http://localhost:57124/My/Rest/Call'; $.ajax({ url: url, dataType: "json", data: json, async: true, cache: false, timeout: 30000, headers: { "x-li-format": "json", "X-UserName": userName }, success: function (data) { // my success stuff }, error: function (request, status, error) { // my error …


9
jQuery-不正な呼び出し
jQuery v1.7.2 実行中に次のエラーが発生するこの関数があります。 Uncaught TypeError: Illegal invocation これが関数です: $('form[name="twp-tool-distance-form"]').on('submit', function(e) { e.preventDefault(); var from = $('form[name="twp-tool-distance-form"] input[name="from"]'); var to = $('form[name="twp-tool-distance-form"] input[name="to"]'); var unit = $('form[name="twp-tool-distance-form"] input[name="unit"]'); var speed = game.unit.speed($(unit).val()); if (!/^\d{3}\|\d{3}$/.test($(from).val())) { $(from).css('border-color', 'red'); return false; } if (!/^\d{3}\|\d{3}$/.test($(to).val())) { $(to).css('border-color', 'red'); return false; } var data = …
107 jquery  ajax  post 

3
Jquery AJAXを使用したHTMLフォームの送信
この例を使用して、AJAXを使用してHTMLフォームを送信しようとしています。 私のHTMLコード: <form id="formoid" action="studentFormInsert.php" title="" method="post"> <div> <label class="title">First Name</label> <input type="text" id="name" name="name" > </div> <div> <label class="title">Name</label> <input type="text" id="name2" name="name2" > </div> <div> <input type="submit" id="submitButton" name="submitButton" value="Submit"> </div> </form> 私のスクリプト: <script type="text/javascript"> $(document).ready(function() { $('#formoid').ajaxForm(function() { alert("Thank you for your comment!"); }); }); </script> これは機能していません。警告メッセージも表示されません。送信したときに別のページにリダイレクトしたくないので、警告メッセージを表示したいだけです。 …
107 jquery  ajax  form-submit 


8
ajaxとjqueryの違いは何ですか?どちらが良いですか?[閉まっている]
現在のところ、この質問はQ&A形式には適していません。私たちは回答が事実、参考文献、専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 8年前に閉鎖。 ajaxまたはjqueryの使用について混乱しているので、違いとは何か、パフォーマンスと複雑さなど、どちらが優れているかを知りたいです。
106 jquery  ajax 

9
JavaScriptによるCSS値の変更
JavaScriptでインラインCSS値を設定するのは簡単です。幅を変更したい場合、次のようなhtmlがあります。 <div style="width: 10px"></div> 私がする必要があるのは: document.getElementById('id').style.width = value; インラインスタイルシートの値が変更されます。インラインスタイルがスタイルシートをオーバーライドするため、通常これは問題ではありません。例: <style> #tId { width: 50%; } </style> <div id="tId"></div> このJavascriptを使用する: document.getElementById('tId').style.width = "30%"; 私は以下を得ます: <style> #tId { width: 50%; } </style> <div id="tId" style="width: 30%";></div> これは問題です。インライン値を変更したくないだけでなく、設定する前に幅を探した場合、 <div id="tId"></div> 返される値はNullであるため、ロジックを実行するために何かの幅を知る必要があるJavascriptがある場合(幅を特定の値ではなく1%増やします)、文字列 "50%を期待するときにNullを返します「実際には機能しません。 だから私の質問:インラインに配置されていないCSSスタイルの値があります。これらの値を取得するにはどうすればよいですか?IDを指定して、インライン値の代わりにスタイルを変更するにはどうすればよいですか?
105 javascript  html  css  ajax  dom 


6
JQuery ajaxリクエストの進捗状況を取得する最もクリーンな方法は何ですか?
単純なJavaScriptでは非常に簡単です:コールバックを添付するだけです {XMLHTTPRequest}.onprogress var xhr = new XMLHttpRequest(); xhr.onprogress = function(e){ if (e.lengthComputable) var percent = (e.loaded / e.total) * 100; }; xhr.open('GET', 'http://www...', true); xhr.onreadystatechange = function() { ... }; xhr.send(null); しかし、私はJQuery($.get()または$.ajax())でhtmlデータをダウンロードするajaxサイトをやっていて、小さなプログレスバーで表示するためにリクエストの進捗状況を取得するための最良の方法であると思いましたが、不思議なことに、私はそうではありませんJQueryドキュメントで有用なものを見つけています...

19
XMLHttpRequestステータス0(responseTextは空)
XMLHttpRequestでデータを取得できません(ステータス0で、responseTextが空です): xmlhttp = new XMLHttpRequest(); xmlhttp.open( "GET"、 "http://www.w3schools.com/XML/cd_catalog.xml"、true); xmlhttp.onreadystatechange = function() { if(xmlhttp.readyState == 4) alert( "ステータス" + xmlhttp.status); } xmlhttp.send(); 「ステータス0」を警告します。 localhost要求の場合と同じ状況(cd_catalog.xmlはローカルファイルとして保存されます) xmlhttp.open( "GET"、 "http://localhost/cd_catalog.xml"、true); しかし、localhost IPリクエストでは xmlhttp.open( "GET"、 "http://127.0.0.1/cd_catalog.xml"、true); そしてローカルファイルリクエスト xmlhttp.open( "GET"、 "cd_catalog.xml"、true); すべて問題ありません(ステータス200) オンラインリクエストで何が問題(status = 0)を引き起こす可能性がありますか? PS:ライブHTTPヘッダーは、4つのケースすべてで問題がないことを示しています。 HTTP / 1.1 200 OK コンテンツの長さ:4742 PS2:VMWare上のApacheローカルWebサーバー(ホストOS Win7、ゲストOS Ubuntu、ネットワークアダプター– NAT)。ブラウザ– …

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