質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

解決済

ajaxで取得した外部サイトから情報を取得したい

Nect
Nect

総合スコア0

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

2回答

0評価

0クリップ

2845閲覧

投稿2017/02/15 13:57

編集2022/01/12 10:58

いつもお世話になっております

只今Monaca + AngularJSを利用して
PC専用サイトをモバイル用に編集するアプリを開発しております

対象URLからajaxでHTMLを取得し、jqueryでframeのsrcを取得したいのですが[object]と表示されるのみで取得できません

どなたかご教授いただけたらと思います

コード全文は以下になります

index.html

javascript

<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src \* data:; style-src \* 'unsafe-inline'; script-src \* 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader\.js"></script> <link rel="stylesheet" href="components/loader\.css"> <link rel="stylesheet" href="css/style\.css"> <script> var app = angular\.module\('myApp', \['onsen'\]\); app\.value\('pwds', { 'toppage' : 7462, 'username': '', 'userpwd': '', }\); app\.value\('urls', { 'index' : 'Dat URL', 'login' : '' }\); app\.factory\('HTTPRequestService', \['\$http', '\$httpParamSerializerJQLike', function\(\$http, \$httpParamSerializerJQLike\){ var httpRequestService = {}; httpRequestService\.getHtml = function\(address, datas, callback\){ console\.debug\('request ' \+ address\); \$http\({ method : 'POST', headers : { 'Content-Type' : 'application/x-www-form-urlencoded' }, transformRequest : \$httpParamSerializerJQLike, url : address, data : datas }\)\.success\(function\(data, status, header, config\){ callback\(data\); }\); }; return httpRequestService; }\]\); app\.controller\('PageController', \['\$scope', 'HTTPRequestService', 'pwds', 'urls', function\(\$scope, HTTPRequestService, pwds, urls\){ \$scope\.pwds = pwds; \$scope\.urls = urls; \$scope\.data = 'no name'; \$scope\.firstLogin = function\(\){ \$\(function \(\) { \$\.ajax\({ url: urls\.index, type: 'POST', dataType: 'html' }\) \.done\(function \(data\) { console\.debug\(data\); console\.debug\(\$\("frame"\)\.append\(data\)\.attr\("src"\)\); }\); }\); \$scope\.app\.slidingMenu\.setMainPage\('page1\.html'\); } }\]\); </script> </head> <body> <ons-sliding-menu var="app\.slidingMenu" menu-page="menu\.html" main-page="toppage\.html" side="left" type="overlay" max-slide-distance="200px"> </ons-sliding-menu> </body> </html>

toppage.html

javascript

<ons-navigator ng-controller="PageController"> <ons-page> <ons-toolbar> <div class="center">実力試験道場Mobile</div> </ons-toolbar> <div style="text-align: center; margin-top=30px;"> <h1>道場Login Page</h1> <p> 今月の実力試験道場のパスワードを教えてください</p> <p> <input class="text-input" type="number" modifier='underbar' ng-model='pwds\.toppage' placeholder="Password"> </input> </p> <ons-button ng-click="firstLogin\(\)"> Start </ons-button> </div> </ons-page> </ons-navigator>

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

kei344
kei344

2017/02/15 14:05

「\$\("frame"\)\.append\(data\)\.attr\("src"\)」の frame は取得対象ページにあるものでしょうか?

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。