皆様こんにちわ。
現在、javascriptでサイト内のトップページのHTML(一部)を取得するために以下のようなソースを記述しております。
javascript
1 $(function(){ 2 var $out = $('.出力箇所'); 3 //------------------ 4 // ajaxでトップページのHTMLを取得 5 //------------------ 6 $.ajax({ 7 type: 'GET', 8 url: '/', 9 dataType: 'html', 10 async: false, 11 success: function(data) { 12 //------------------ 13 // HTMLから必要箇所のみ抽出 14 //------------------ 15 var docVoiceBox = ''; 16 docVoiceBox = $(data).find('.目的箇所')[0].outerHTML; 17 // 出力 18 $out.append(docVoiceBox); 19 } 20 });
このサイトでは、PCとスマホは別ページを用意しており、スマホでアクセスした際はスマホサイトにリダイレクトされます。
今回取得した箇所は、「スマホ・PCどちらからでも、PCの目的箇所を抽出したい」のですが、スマホからこの処理を実行すると、スマホサイトのトップページ(リダイレクト後のページ)の内容が取得されてしまい、PCの情報が出てきません。
スマホサイトのディレクトリ(リダイレクト先)は/sp/という階層なので、ajax内のURLプロパティを
javascript
1url:'/sp/'
としたときと同じ内容になってしまっているんです。
PCにしか表示していない情報を抽出したいので、スマホ端末からでもPCのトップページのHTMLをajaxで取得する方法があれば、ご教授くださいm(__)m