問題タブ [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.
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」に別のファイルがあります)。しかし、私は完全に道から外れている可能性があります。多分誰かが助けることができますか?ありがとう。
angularjs - 既存の $http リクエスト インターセプターを変更する
私のangularアプリには、次のように作成する「authInterceptor」と呼ばれる$httpリクエストインターセプターがあります。
.config() に登録されます。
ご覧のとおり、Authorization ヘッダーは Auth.user.token 値にバインドされています。この値は、ユーザーがサインインしているときに使用できます。
次に、APIへの呼び出しに対してヘッダーが送信されます。
私が直面している問題は...ユーザーがAngularアプリでサインアウトすると、Auth.user.tokenを既に削除してもAuthorizationヘッダーがまだ送信されていることです。
ページをハード リフレッシュすると、Authorization ヘッダーが完全に削除されます。
ユーザーがサインアウトするときに「authInterceptor」がトークン値の変更を登録するようにするにはどうすればよいですか?
jquery - Angular が $http 経由でコンテンツを取得し、それを部分ビュー テンプレートに追加した後に DOM を操作する
this one、this one、this one、this 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を使用することでした。これは私にとって「間違っている」と感じているものであり、もっと「正しい」方法があるかどうか知りたい.
angularjs - AngularJS http ポスト ループ
関数を一度呼び出すにはどうすればよいですか。私がそうすると、それを呼び出すとループします。HTML: コントローラーから関数を呼び出しています。インデックスの値を見つけます。
JS: 値の関数リクエスト サーバー
angularjs - Web Api 404 エラー リソースが見つかりません
サーバーからのデータの送受信に Web Api を使用しようとしています。WebApiConfig.cs :
RouteConfig.cs:
グローバル.asax.cs:
API コントローラー (ServicesController.cs):
次のような angularJS コントローラーから api にアクセスしようとしています。
「Services/LoadMetadata」の $http.post でエラー 404 が発生しました。ルートを使用していくつかのバージョンを試しました-同じエラー404.何か助けはありますか?
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' を返します。しかし、何も機能しません。私は何を間違っているのですか?
javascript - $http.jsonp フィルテキスト文字列の連結
こんにちは、filltext.com サーバーに対して動的な $http リクエストを実行しようとしています。コード:
問題は、+count+ を $http.jsonp 文字列パラメータに追加しようとしているときです。filltext.com からデータを取得していませんが、rows=5 を静的に書き込むと、データが生成されます。ご協力ありがとうございます :)
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
とで使用される templateUrls のハードコーディングを含まないアプローチをアドバイスできますui.bootstrap.alert
か?
また、これを githubの問題として報告しました。