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

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


20
どうすればブラウザにパスワードの保存を促すことができますか?
ねえ、私はこのように機能するログインダイアログを備えたウェブアプリに取り組んでいます: ユーザーが「ログイン」をクリックする ログインフォームHTMLはAJAXでロードされ、ページのDIVに表示されます ユーザーはユーザー/パスをフィールドに入力し、[送信]をクリックします。それはaではありません<form>-ユーザー/パスはAJAX経由で送信されます ユーザー/パスに問題がなければ、ユーザーがログインした状態でページがリロードされます。 ユーザー/パスが悪い場合、ページはリロードされませんが、DIVにエラーメッセージが表示され、ユーザーは再試行できます。 ここに問題があります。ブラウザは、他のサイトに表示される通常の「このパスワードを保存しますか?はい/いいえ/今はありません」というプロンプトを表示しません。 <div>in <form>タグを「autocomplete = 'on'」でラップしてみましたが、違いはありませんでした。 ログインフローを大幅にやり直すことなく、パスワードを保存するようにブラウザーに指示することはできますか? エリックありがとう 私の質問に追加するps、私は間違いなくパスワードを保存するブラウザを使用しており、「このサイトでは決して」をクリックしたことがありません...これは、ブラウザがログインフォームであることを検出しない、オペレーターエラー:-)
149 ajax  firefox  browser  login 

8
jQueryはスクロール時にさらに多くのデータをロードします
div.loadingが表示されている場合にのみ、スクロールでより多くのデータを実装する方法を知りたいだけです。 通常、ページの高さとスクロールの高さを探して、さらにデータを読み込む必要があるかどうかを確認します。次の例は少し複雑です。 次の画像は完璧な例です。ドロップダウンボックスには2つの.loading divがあります。ユーザーがコンテンツをスクロールすると、どちらが表示されていても、コンテンツの読み込みが開始されます。 では、.loading divがまだユーザーに表示されているかどうかを確認するにはどうすればよいですか?そのため、そのdivのデータのみの読み込みを開始できます。

9
文字列をJSONオブジェクトに変換する
JSに文字列がJSONであるとどう思わせるのですか? JSONオブジェクトが渡された場合にのみ機能する関数があります。JSONと同じ形式の文字列を渡しても機能しません。だから私はその関数に渡された文字列がJSONであると考えさせたいのです。文字列は確かにJSON形式です。 以下も試しました。Ajaxを介して文字列を入力し、 "handle as"パラメータを "JSON"として、結果を関数に渡したときに機能しました。 だから私は問題が文字列ではないことを推定しました。この文字列をJSONに変換するにはどうすればよいですか?ajaxリクエストを介して同じ文字列を取得し、それを関数に渡すと機能しますが、直接渡すと機能しません。 文字列は次のとおりです。 { "data": [ { "id": "id1", "fields": [ { "id": "name1", "label": "joker", "unit": "year" }, {"id": "name2", "label": "Quantity"}, ], "rows": [ data here.... and closing braces..
148 javascript  ajax  json 

7
MIMEタイプが正しくないため、ChromeはAJAXスクリプトの実行を拒否します
私はAJAXを介してJSONとしてスクリプトにアクセスしようとしています。これはSafariや他のブラウザーでは問題なく機能しますが、残念ながらChromeでは実行されません。次のエラーが発生します。 MIMEタイプ(application / json)は実行可能ではなく、厳密なMIMEタイプチェックが有効になっているため、 '*'からのスクリプトの実行を拒否されました。 これがリクエストです: $.ajax({ url: "http://some_url/test.json?callback=?", type: "GET", dataType: 'json', cache: true, success: function (data, status, error) { console.log('success', data); }, error: function (data, status, error) { console.log('error', data, status, error); } }); 誰かがこれの回避策を持っていますか?


8
scrapyを使用して、AJAXを使用しているWebサイトから動的コンテンツをスクレイピングできますか?
私は最近Pythonを学習しており、ウェブスクレイパーの構築に手を注いでいます。それはまったく派手なことではありません。その唯一の目的は、賭けのWebサイトからデータを取得し、このデータをExcelに入れることです。 問題のほとんどは解決可能であり、私は少し混乱しています。しかし、私は1つの問題について大きなハードルを突きつけています。サイトが馬のテーブルをロードし、現在の賭けの価格をリストしている場合、この情報はどのソースファイルにもありません。手がかりは、このデータが時々ライブであり、いくつかのリモートサーバーから明らかに数値が更新されていることです。私のPCのHTMLには、サーバーが私が必要とするすべての興味深いデータを押し通している穴があります。 現在、動的Webコンテンツの経験は少ないので、これは頭を悩ませるのに苦労しています。 私はJavaまたはJavascriptが鍵だと思います。これは頻繁に現れます。 スクレーパーは単にオッズ比較エンジンです。一部のサイトにはAPIがありますが、APIがないサイトにはこれが必要です。Python 2.7でスクレイピーライブラリを使用しています この質問の記述が多すぎると申し訳ありません。要するに、私の質問は、私が使用できるように、scrapyを使用してこの動的データをスクレイピングする方法を教えてください。このベッティングオッズデータをリアルタイムで取得できるようにするにはどうすればよいですか。

20
Laravel 5.5 ajax call 419(不明なステータス)
私はajax呼び出しを行いますが、このエラーが発生し続けます。 419(不明な状況) 他の投稿でこれが何を引き起こしているのかわからないので、csrfトークンを使用して何かを行う必要がありますが、フォームがないため、これを修正する方法がわかりません。 私の電話: $('.company-selector li > a').click(function(e) { e.preventDefault(); var companyId = $(this).data("company-id"); $.ajax({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, url: '/fetch-company/' + companyId, dataType : 'json', type: 'POST', data: {}, contentType: false, processData: false, success:function(response) { console.log(response); } }); }); 私のルート: Route::post('fetch-company/{companyId}', 'HomeController@fetchCompany'); 私のコントローラーメソッド /** * Fetches a company …
145 php  jquery  ajax  laravel 

5
SPA SEOをクロール可能にする方法は?
私は、Googleの指示に基づいて、SPAをGoogleがクロールできるようにする方法について取り組んでいます。かなりの数の一般的な説明がありますが、実際の例を使用したより詳細な段階的なチュートリアルはどこにもありませんでした。これを終えた後、他の人もそれを利用し、おそらくさらに改善できるように、私の解決策を共有したいと思います。コントローラー を使用MVCし、サーバー側でPhantomjs、クライアント側でDurandalを有効にして使用しています。私はクライアントとサーバーのデータのやり取りにもBreezejsを使用しています。これらすべてを強くお勧めしますが、他のプラットフォームを使用しているユーザーにも役立つ一般的で十分な説明を提供しようと思います。Webapipush-state

6
jQuery投稿をGoogle APIに送信する際のAccess-Control-Allow-Originエラー
「Access-Control-Allow-Origin」エラーについてたくさん読みましたが、何を修正する必要があるのか​​わかりません:( 私はGoogleモデレーターAPIで遊んでいますが、新しいセリエを追加しようとすると、次のメッセージが表示されます。 XMLHttpRequest cannot load https://www.googleapis.com/moderator/v1/series?key=[key] &data%5Bdescription%5D=Share+and+rank+tips+for+eating+healthily+on+the+cheaps! &data%5Bname%5D=Eating+Healthy+%26+Cheap &data%5BvideoSubmissionAllowed%5D=false. Origin [my_domain] is not allowed by Access-Control-Allow-Origin. コールバックパラメーターの有無にかかわらず、ヘッダーに「Access-Control-Allow-Origin *」を追加しようとしました。そして、私はAuthorizationヘッダーを追加する必要があり、$。ajaxからのbeforeCallなしでそれを行う方法がわからないため、ここで$ .getJSONを使用する方法がわかりません。 この暗闇のための光uu? それがコードです: <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> var scope = "https://www.googleapis.com/auth/moderator"; var token = ''; function create(){ if (token == '') token = doCheck(); var myData = { "data": { "description": "Share …
143 jquery  ajax  google-api  cors  jsonp 

10
jQueryを使用して画像を非同期に読み込む
jQueryを使用してページに外部画像を非同期で読み込みたいのですが、次のことを試しました。 $.ajax({ url: "http://somedomain.com/image.jpg", timeout:5000, success: function() { }, error: function(r,x) { } }); しかし、それは常にエラーを返します、このような画像をロードすることさえ可能ですか? 私は.loadメソッドを使用しようとしましたが、それは機能しますが、画像が利用できない場合にタイムアウトを設定する方法がわかりません(404)。これどうやってするの?

3
悪意のあるコードがCORSを悪用するために「Origin」ヘッダーを偽装するのを防ぐにはどうすればよいですか?
私が理解している方法では、foo.comのページで実行されているクライアント側のスクリプトがbar.comのデータをリクエストする場合、リクエストでヘッダーを指定し、Origin: http://foo.comバーがで応答する必要がありますAccess-Control-Allow-Origin: http://foo.com。 サイトroh.comからの悪意のあるコードがヘッダーOrigin: http://foo.comを偽装してバーからページを要求するのを防ぐ方法は何ですか?
142 javascript  ajax  http  cors 

5
ajax update / renderのコンポーネントのクライアントIDを見つける方法は?「bar」から参照されている式「foo」を持つコンポーネントが見つかりません
次のコードはPrimeFacesのDataGrid + DataTableのチュートリアルからインスピレーションを得たとに置かれる<p:tab>の<p:tabView>に存在する<p:layoutUnit>の<p:layout>。以下はコードの内部です(p:tabコンポーネントから開始)。外側の部分は簡単です。 <p:tabView id="tabs"> <p:tab id="search" title="Search"> <h:form id="insTable"> <p:dataTable id="table" var="lndInstrument" value="#{instrumentBean.instruments}"> <p:column> <p:commandLink id="select" update="insTable:display" oncomplete="dlg.show()"> <f:setPropertyActionListener value="#{lndInstrument}" target="#{instrumentBean.selectedInstrument}" /> <h:outputText value="#{lndInstrument.name}" /> </p:commandLink> </p:column> </p:dataTable> <p:dialog id="dlg" modal="true" widgetVar="dlg"> <h:panelGrid id="display"> <h:outputText value="Name:" /> <h:outputText value="#{instrumentBean.selectedInstrument.name}" /> </h:panelGrid> </p:dialog> </h:form> </p:tab> </p:tabView> をクリックする<p:commandLink>と、コードが機能しなくなり、次のメッセージが表示されます。 「tabs:insTable:select」から参照されている式「insTable:display」を持つコンポーネントが見つかりません。 私が同じことをしようとすると<f:ajax>、基本的に同じことを伝える別のメッセージで失敗します: <f:ajax> …
140 ajax  jsf  jsf-2  primefaces  clientid 


6
POST(ajax)を介してJSONデータを送信し、コントローラー(MVC)からJSON応答を受信する
私はそのようなJavaScriptで関数を作成しました: function addNewManufacturer() { var name = $("#id-manuf-name").val(); var address = $("#id-manuf-address").val(); var phone = $("#id-manuf-phone").val(); var sendInfo = { Name: name, Address: address, Phone: phone }; $.ajax({ type: "POST", url: "/Home/Add", dataType: "json", success: function (msg) { if (msg) { alert("Somebody" + name + " was added in list …
139 jquery  ajax  asp.net-mvc  json 

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