問題タブ [angularjs-http]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1078 参照

angularjs - $http 応答は index.html 全体を返します

私はsite.comを持っています。各リクエストはここにリダイレクトされます (したがって、「site.com/book」、「site.com/settings」などは「site.com」を指します) user'、'site.com/api/library/' ecc... はリダイレクトされます。

AngularJS の $http を使用して JSON オブジェクトをsite.com/apiにリクエストしようとしています。成功すると、ステータス 200 を受け取りますが、応答は「site.com/index.html」の text/html です。

リクエストで送信されるヘッダーは次のとおりです: Accept: "application/json, text/plain, / " Content-Type: application/json;charset=utf-8

アプリ postman でsite.com/api/をデバッグしようとしましたが、正しい JSON オブジェクトを受け取るため、期待どおりに動作します。

.htaccess ルールの問題なのか、AngularJS の $routeProvider の問題なのかわかりません... (「site.com」に .htaccess ファイルがあり、「site.com/api」に別のファイルがあります)。しかし、私は完全に道から外れている可能性があります。多分誰かが助けることができますか?ありがとう。

0 投票する
1 に答える
394 参照

angularjs - 既存の $http リクエスト インターセプターを変更する

私のangularアプリには、次のように作成する「authInterceptor」と呼ばれる$httpリクエストインターセプターがあります。

.config() に登録されます。

ご覧のとおり、Authorization ヘッダーは Auth.user.token 値にバインドされています。この値は、ユーザーがサインインしているときに使用できます。

次に、APIへの呼び出しに対してヘッダーが送信されます。

私が直面している問題は...ユーザーがAngularアプリでサインアウトすると、Auth.user.tokenを既に削除してもAuthorizationヘッダーがまだ送信されていることです。

ページをハード リフレッシュすると、Authorization ヘッダーが完全に削除されます。

ユーザーがサインアウトするときに「authInterceptor」がトークン値の変更を登録するようにするにはどうすればよいですか?

0 投票する
0 に答える
371 参照

jquery - Angular が $http 経由でコンテンツを取得し、それを部分ビュー テンプレートに追加した後に DOM を操作する

this onethis onethis onethis one 、this oneなど、さまざまな同様の質問を調べましたが、自分で解決策を見つける前に、問題の解決策を提供できませんでした。しかし、それでも「正しい」Angular の方法とは思えないので、コミュニティにアドバイスを求めています。

これがセットアップです。レイアウト テンプレート (index.html) があります。

部分ビュー テンプレート (diagram.html) があります。以下で説明するカスタム ディレクティブに注意してください。

部分ビュー テンプレートとコントローラーを指定した私のルーティング構成は次のとおりです。

部分ビューに使用されるコントローラーは次のとおりです。$routeParams の processId 値を使用して $http.get() 経由で呼び出しを行い、テンプレートにバインドされている $scope.diagram に割り当てる SVG データを取得します。

私の問題は、SVG コンテンツが DOM に追加された後にそのコンテンツでコードを実行する方法を理解することでした。もちろん、Angular で DOM 操作を行う正しい場所はディレクティブであるため、次のように記述しました。

SVGコンテンツがDOMに追加された後にdiagram.process()関数を実行できる唯一の方法は、示されているようにelement.html()で$watchを使用することでした。これは私にとって「間違っている」と感じているものであり、もっと「正しい」方法があるかどうか知りたい.

0 投票する
1 に答える
450 参照

angularjs - AngularJS http ポスト ループ

関数を一度呼び出すにはどうすればよいですか。私がそうすると、それを呼び出すとループします。HTML: コントローラーから関数を呼び出しています。インデックスの値を見つけます。

JS: 値の関数リクエスト サーバー

http://plnkr.co/edit/Zhao5JuEeuG1KGXNhLS0?p=preview

0 投票する
1 に答える
6193 参照

angularjs - Web Api 404 エラー リソースが見つかりません

サーバーからのデータの送受信に Web Api を使用しようとしています。WebApiConfig.cs :

RouteConfig.cs:

グローバル.asax.cs:

API コントローラー (ServicesController.cs):

次のような angularJS コントローラーから api にアクセスしようとしています。

「Services/LoadMetadata」の $http.post でエラー 404 が発生しました。ルートを使用していくつかのバージョンを試しました-同じエラー404.何か助けはありますか?

0 投票する
2 に答える
530 参照

php - AngularJS $http.get が機能しません。データを取得していません

私はAngularJSは初めてですが、すでに多くのことを行っています。$http.post を実行しましたが、これは魅力的でした。

Angular コードはこちら

そして、manageUsers/login関数

大丈夫。それは働いています。データベースからいくつかのデータを取得し、OK です。本当の問題は、私が$http.getを実行し、単にデータベースでリクエストを実行するかどうかにかかわらず、必要なデータを送り返さないことです。console.log(data) を実行すると、完全に HTML ページであり、実際に表示されているページです。200 ステータス OK を取得していますが、HTML ページが来ています。理由がわからない。

Angular コードはこちら

そして、私が取得しているPHPコード関数をここに示します。

私は立ち往生しています。「trueを返す」だけでも試してみました。php 関数内で、'string' を返します。しかし、何も機能しません。私は何を間違っているのですか?

0 投票する
0 に答える
57 参照

javascript - $http.jsonp フィルテキスト文字列の連結

こんにちは、filltext.com サーバーに対して動的な $http リクエストを実行しようとしています。コード:

問題は、+count+ を $http.jsonp 文字列パラメータに追加しようとしているときです。filltext.com からデータを取得していませんが、rows=5 を静的に書き込むと、データが生成されます。ご協力ありがとうございます :)

0 投票する
2 に答える
4402 参照

angularjs - $http インターセプターの Angular UI Bootstrap モーダル ダイアログでブラウザーがハングする

ユーザーが認証を必要とするAPIへの呼び出しをトリガーした場合にのみログインダイアログを表示する遅延認証を実装しようとしています。私はブートストラップui.bootstrap.modal (およびモーダル内のui.bootstrap.alert ) を使用しています。問題は、これらのディレクティブが以下を明示的に指定していることですteamplateUrl:

  • template/modal/backdrop.html (modal.js ここにあります)
  • template/modal/window.html (modal.js ここにあります)
  • template/alert/alert.html (alert.js ここにあります)

このような:

$modal.open()そして、私が呼び出して ui-bootstrap が新しいモーダル ウィンドウの DOM を構築するたびに、Angular は、テンプレートがメソッドまたはタグの追加$httpによって既に読み込まれている場合でも、サービスを介してこれらの URL を解決しようとします。これは基本的に、インターセプターで無限再帰を引き起こし、上記の URL のオーバーロードでログイン ダイアログを表示しようとします。$templateCache.put<script>request

これが私のインターセプターの簡略化されたバージョンです:

動作デモはこちら

ui.bootstrap.modalとで使用される te​​mplateUrls のハードコーディングを含まないアプローチをアドバイスできますui.bootstrap.alertか?

また、これを githubの問題として報告しました。