前提・実現したいこと
ajaxを使い、他のwebサイトのコンテンツを表示したいです。
例:https://www.yahoo.co.jp/のトッピックスのみを表示する
該当のソースコード
<html> <head> <title>A Sample Page</title> </head> <body> <script> $(function(){ $.ajax({ url: 'https://www.yahoo.co.jp/', cache: false, datatype: 'html', success: function(html) { var h = $(html).find('topicsbox'); $('#wrap').append(h); } }); }); </script> <div id="wrap"> <!-- ここにajaxで呼び出したコンテンツ(=要素)が出力される --> </div> </body> </html>
試したこと
下記URLなどを参考にhtmlで記述して表示しようとしてみましたがうまくいきませんでした。
https://designsupply-web.com/knowledgeside/2086/
ほかに参考にしたサイトはありますか?
このサイトも参考にしました http://webdrawer.net/javascript/loadajax.html
それは他ページであって他サイトではないみたいですね。すでに回答がついているのでこれ以上は避けますが、クロスドメインAjaxで Access-Control-Allow-Origin に触れないのはどうなのという思いがあります。もっと別のところを参照したほうがいいかもしれません。
スクレイピング案件なのであまり積極的な回答はのぞめないかもしれません。APIで提供されている機能であればともかく、そうでないもの、正規に提供されていない情報を勝手に拝借することになるので規約で禁じているところもありますし、既に出ているように否応なしに拒否されているパターンもあります。
承知しました。ご回答ありがとうございました。
回答1件
あなたの回答
tips
プレビュー