2017-10-29 4 views
1

としてAJAXリターンデータを用いて、MS Word文書を埋め込む(角)のJs [更新] 50点のボーナスがあり、私はAngualrJsソリューションを好む、私はまた、無地のJSを受け付けます - 私のサーバーにGET呼び出しはURLが返されます...この行き詰まりの上に私を取得するだけでは何も、私は私のHTMLにそのドキュメントを埋め込みたいIが作業フィドル</p> <hr> <p>[更新]しばらくの間、最大200れるURL


my previous questionを参照すると、@ MaximShoustinの答えは完璧だったようですが、私は問題を抱えています。

解決策のURLはハードコードされていますが、私はAJAXによって私のものを取得したいと考えています。私がすると、ドキュメントは埋め込まれていませんが、開発者コンソールにエラーは表示されません。

私はHTML

<iframe ng-src="{{cvUrlTrusted_2}}"></iframe> 

にこれらのラインを

を添加this fiddleを作製し、コントローラに

app.controller('Ctrl', function($scope, $sanitize, $sce, $http) { 

, $http

を添加
// new stuff follows 
    var url = 'http://fiddleapi.rf.gd/getDocuemntUrl.php'; 

    /* The URL contains this code ... 
     <?php 
     echo('https://d9db56472fd41226d193-1e5e0d4b7948acaf6080b0dce0b35ed5.ssl.cf1.rackcdn.com/spectools/docs/wd-spectools-word-sample-04.doc'); 
       ?>  
    */ 
     $http.get(url) 
     .success(function(data, status, headers, config) 
     { 
       var cvTrustedUrl_2 = 'http://docs.google.com/gview?url=' + data.trim() + '&embedded=true'; 
       $scope.cvTrustedUrl = $sce.trustAsResourceUrl(cvTrustedUrl_2); 
     }) 
     .error(function(data, status, headers, config) 
      { 
      alert('Urk!'); 
      });  

http://fiddleapi.rf.gd/getDocuemntUrl.phpでAPIを呼び出すと、ソリューションにハードコードされたものと同じドキュメントURLが返されることがわかります。

私が間違えてしまった場合は、まず自分のコードを確認してください。

詳しい説明、簡単な質問:AngularJSを使用してAJAX APIからHTMLドキュメントにURLが返されたドキュメントを埋め込むにはどうすればよいですか?フィドルをフォークするのは無料です。

+0

見て、それを構成してください...エラーがあります申し訳ありません –

+0

を表示しますが、私は彼らを見ていないです - 多分私は間違ってブラウザを使うのか?あなたは彼らが何であり、どのように修正するのかを教えてくれますか? – Mawg

+1

angular.js:12520 ReferenceError:$ httpが定義されていません –

答えて

1

あなたのフィドルがあるため、クロスドメインの問題の動作しません:

{ 
    "val":"https://d9db56472fd41226d193-1e5e0d4b7948acaf6080b0dce0b35ed5.ssl.cf1.rackcdn.com/spectools/docs/wd-spectools-word-sample-04.doc" 
} 

と::

$http.get('data.json').then(function (resp){ 
     var cvTrustedUrl_2 = 'http://docs.google.com/gview?url=' + resp.data.val + '&embedded=true'; 
    $scope.cvUrlTrusted_2 = $sce.trustAsResourceUrl(cvTrustedUrl_2); 
}); 

Demo Plunker

http://fiddleapi.rf.gd/getDocuemntUrl.php

だから私は、コンテンツを持つ単純なJSONファイルをロード

このURLはPostmanでもうまくいきませんので、問題はhttp://fiddleapi.rf.gd/getDocuemntUrl.phpにあります。私が手:

This site requires Javascript to work, please enable Javascript in your browser or use a browser with Javascript support

はコンソールでも

+0

それは素晴らしい(+1)、私はサードパーティのサイトからURLを取得することができる必要があります:-(私はhttp://fiddleapi.rf.gd/getDocuemntUrl.phpの内容を変更する場合に役立つでしょうかあなたのデータと同じ内容を持っていますか? – Mawg

+1

@Mawgブラウザはドメイン間のセキュリティの問題をブロックします –

+0

OIC :-(他の方法がない場合、私はHTMLページ全体を生成する必要がありますPHP、HTMLを読み込んでAJAXでそのURLを取得しようとしないでください。ページサーバー全体を生成すると、ハードコードされたURLを含めることができます。 – Mawg

関連する問題

 関連する問題