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

以下を使用してフラスコサーバーにファイルを投稿するときに生のHTMLを使用すると、フラスコリクエストグローバルからファイルにアクセスできます。 <form id="uploadForm" action='upload_file' role="form" method="post" enctype=multipart/form-data> <input type="file" id="file" name="file"> <input type=submit value=Upload> </form> フラスコ内： def post(self): if 'file' in request.files: .... Axiosで同じことを行おうとすると、フラスコリクエストグローバルが空になります。 <form id="uploadForm" enctype="multipart/form-data" v-on:change="uploadFile"> <input type="file" id="file" name="file"> </form> uploadFile: function (event) { const file = event.target.files[0] axios.post('upload_file', file, { headers: { 'Content-Type': 'multipart/form-data' } }) …

128 javascript  ajax  file-upload  axios 

だれでもhistory.replaceStateの実用的な例を示すことができますか？これはw3.orgが言うことです： history . replaceState(data, title [, url ] ) セッション履歴の現在のエントリを更新して、指定されたデータ、タイトル、および指定されていてnullでない場合はURLを指定します。 更新： これは完全に機能します： history.replaceState( {} , 'foo', '/foo' ); URLは変更されていますが、タイトルは変更されていません。それはバグですか、それとも何か不足していますか？最新のChromeでテスト済み。

127 javascript  ajax  html 

いくつかのプラグイン、カスタムウィジェット、およびJQueryのその他のライブラリを使用しています。その結果、いくつかの.jsファイルと.cssファイルがあります。読み込みに時間がかかるため、サイトのローダーを作成する必要があります。すべてをインポートする前にローダーを表示できると便利です。 <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/myFunctions.js"></script> <link type="text/css" href="css/main.css" rel="stylesheet" /> ... .... etc JavaScriptライブラリを非同期でインポートできるチュートリアルをいくつか見つけました。たとえば、私は次のようなことができます： (function () { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'js/jquery-ui-1.8.16.custom.min.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); 何らかの理由で、すべてのファイルに対して同じことをすると、ページが機能しません。私は問題がどこにあるかを見つけるために長い間努力してきましたが、私はそれを見つけることができません。まず、それはおそらく一部のJavaScript関数が他の関数に依存しているためだと思いました。しかし、タイムアウト関数を使用してそれらを正しい順序でロードし、1つが完了したときに次のページに進んでも、ページがまだ奇妙に動作します。たとえば、リンクなどをクリックできません...アニメーションはまだ機能します。 いずれかの方法 これが私が考えていることです...私はブラウザがキャッシュを持っていると思います。そのため、最初にページをロードするのに時間がかかり、次にページをロードするのに時間がかかります。したがって、私が考えているのは、index.htmlページを、このすべてのファイルを非同期でロードするページに置き換えることです。ajaxが完了すると、それらすべてのファイルがロードされ、使用する予定のページにリダイレクトされます。そのページを使用する場合、ファイルはブラウザのキャッシュに含まれているはずなので、ロードに時間がかからないはずです。インデックスページ（.jsファイルと.cssファイルが非同期で読み込まれるページ）でエラーが発生することは気にしません。ローダーを表示し、完了したらページをリダイレクトします... このアイデアは良い代替案ですか？または私は非同期にメソッドを実装しようとし続ける必要がありますか？ 編集 すべてを非同期でロードする方法は次のとおりです： importScripts(); function importScripts() { //import: …

125 javascript  ajax  html  asynchronous 

最近、クロスサブドメインのajax呼び出しを行うことができるように設定Access-Control-Allow-Originする*必要がありました。 今、私は自分の環境をセキュリティリスクにさらしていると感じざるを得ません。 私がそれを間違えているなら助けてください。

124 ajax  security  cors 

私は次のJqueryコールバック関数を持っていて、それについて少し疑問があります（私はJqueryをよく知りません）： $("form.readXmlForm").submit(function() { // Riferimento all'elemento form che ha scatenato il submit var form = $(this); // Variabile che contiene il riferimento al bottone clickato var button = form.children(":first"); $.ajax({ // Viene eseguita la chiamata AJAX type: "POST", // Tipo di richiesta: POST // URL verso quale viene inviata la …

123 javascript  ajax  jquery 

クロスオリジンで正常に動作する次のjQueryコードがあります。 jQuery.ajax({ url: "http://example.appspot.com/rest/app", type: "POST", data: JSON.stringify({"foo":"bar"}), dataType: "json", contentType: "application/json; charset=utf-8", success: function (response) { console.log("success"); }, error: function (response) { console.log("failed"); } }); これを成功させずにAngular.jsコードに変換しようとしています： $http({ url: "http://example.appspot.com/rest/app", dataType: "json", method: "POST", data: JSON.stringify({"foo":"bar"}), headers: { "Content-Type": "application/json; charset=utf-8" } }).success(function(response){ $scope.response = response; }).error(function(error){ $scope.error = error; …

122 jquery  ajax  angularjs  cross-domain  angular-http 

mailchimp simple（1つの電子メール入力）をAJAXと統合する方法はありますか？したがって、ページの更新やデフォルトのmailchimpページへのリダイレクトはありません。 このソリューションは動作しませんjQuery Ajax POSTはMailChimpで動作しません ありがとう

122 javascript  ajax  forms  newsletter  mailchimp 

私が知ることができるように、私はxhr returnイベントについて混乱しています、onreadystatechange- > readyState == 4とonloadの間にそれほど大きな違いはありません、それは本当ですか？ var xhr = new XMLHttpRequest(); xhr.open("Get", url, false); xhr.onreadystatechange = function() { if (xhr.readyState === 4) { /* do some thing*/ } }; xhr.send(null); または xhr.onload = function() { /* do something */ }

122 javascript  ajax  xmlhttprequest 

状況に最適な方法を見つけるにはどうすればよいですか？機能とパフォーマンスの違いを知るための例を誰かが提供できますか？

121 jquery  ajax  xmlhttprequest 

私はこのような単純なASP.NET MVCアクションを持っています： public ActionResult Edit(EditPostViewModel data) { } このEditPostViewModelような検証属性があります： [Display(Name = "...", Description = "...")] [StringLength(100, MinimumLength = 3, ErrorMessage = "...")] [Required()] public string Title { get; set; } ビューでは、次のヘルパーを使用しています。 @Html.LabelFor(Model => Model.EditPostViewModel.Title, true) @Html.TextBoxFor(Model => Model.EditPostViewModel.Title, new { @class = "tb1", @Style = "width:400px;" }) フォームに送信すると、このテキストボックスが検証に配置され、最初にクライアントで実行され、次にservice（ModelState.IsValid）で実行されます。 今、私はいくつかの質問をしました： 代わりにjQuery …

119 jquery  ajax  asp.net-mvc  validation 

他の多くの人と同様に、私のウェブサイトはjQueryを使用しています。開発者ツールを開くと、XMLHTTPRequestが エンドユーザーのエクスペリエンスに悪影響を与えるため非推奨です。 続けてドキュメントの一部を読みましたが、かなり技術的でした。XMLHTTPRequestからWHATWGに移行した結果を誰かが簡単に説明できますか？それは2012年に起こったと述べています。 また、ドキュメントには、ワーカーの外部の同期XMLHttpRequestがWebプラットフォームから削除されている最中であると記載されています。その場合、ユーザーエージェントがサービスにそれらを持っている場合、既存のコードを変更する必要がありますか？

119 javascript  jquery  ajax  xmlhttprequest 

XMLHttpRequestはhttp：// mydomain.com/からhttp：// mydomain.com:81/にリクエストを送信できますか？

119 ajax  cross-domain 

これは簡単な答えかもしれませんが、私はjQueryの$ .ajaxを使用してPHPスクリプトを呼び出しています。私がしたいことは、基本的にはそのPHPスクリプトを関数内に置き、JavaScriptからPHP関数を呼び出すことです。 <?php if(isset($_POST['something'] { //do something } ?> これに <?php function test() { if(isset($_POST['something'] { //do something. } } ?> JavaScriptでその関数を呼び出すにはどうすればよいですか？現在、私は$ .ajaxを使用して、リストされているPHPファイルを使用しています。

118 php  jquery  ajax 

私のコード： fetch("api/xxx", { body: new FormData(document.getElementById("form")), headers: { "Content-Type": "application/x-www-form-urlencoded", // "Content-Type": "multipart/form-data", }, method: "post", } 私はfetch apiを使用してフォームを投稿しようとしましたが、送信する本文は次のようになります。 -----------------------------114782935826962 Content-Disposition: form-data; name="email" test@example.com -----------------------------114782935826962 Content-Disposition: form-data; name="password" pw -----------------------------114782935826962-- （送信するたびに境界内の数値が変更される理由がわかりません...） 「Content-Type」：「application / x-www-form-urlencoded」でデータを送信したいのですが、どうすればよいですか？または、それを処理する必要がある場合、コントローラーのデータをどのようにデコードしますか？ 誰が私の質問に答えるか、私は次の方法でそれができることを知っています： fetch("api/xxx", { body: "email=test@example.com&password=pw", headers: { "Content-Type": "application/x-www-form-urlencoded", }, method: "post", } 私が欲しいのは、jQueryの$（ "＃form"）。serialize（）（jQueryを使用しない）またはコントローラのmulitpart / …

116 javascript  ajax  fetch-api 

Jasmineを使用して、基本的なjQuery AJAXリクエストのBDD仕様をいくつか作成しようとしています。現在、Jasmineをスタンドアロンモードで（つまりからSpecRunner.html）使用しています。SpecRunnerを設定して、jqueryおよびその他の.jsファイルをロードしました。以下がうまくいかない理由はありますか？has_returnedは、「ゆっぴ！」アラートは問題なく表示されます。 describe("A jQuery ajax request should be able to fetch...", function() { it("an XML file from the filesystem", function() { $.ajax_get_xml_request = { has_returned : false }; // initiating the AJAX request $.ajax({ type: "GET", url: "addressbook_files/addressbookxml.xml", dataType: "xml", success: function(xml) { alert("yuppi!"); $.ajax_get_xml_request.has_returned = true; } }); // …

114 javascript  jquery  ajax  jasmine  bdd