jquery上で2つのスクリプトの合体
下記のように「サブページその1 hoge.ne.jp/read1000.php」からスクレイピングしたtakahashiという文字を、「メインページ hogehoge.jp/index.html」の<input type="text">内に表示可能なスクリプトがあります。【現在できていること その1】
また、メインページで取得した変数123456を、URLという形で「サブページ2 read2222.php」のPHPに渡し、サブページ2の中で「123456についてのPHP処理した結果」を、再度メインページで取得して表示するスクリプトがあります。【現在できていること その2】
【やりたいこと】
この2つのスクリプトを合体させ「サブページ1 read1000.php」からスクレイピングしたtakahashiという文字を、URLという形で「サブページ2 read2222.php」のPHPに渡し、サブページ2の中で「takahashiについてのPHP処理した結果」を、再度メインページで取得して表示したいというのが今回の趣旨で、スタックしている部分となります。
*****************************************************************
【現在できていること その1】
【サブページその1 http://hoge.ne.jp/read1000.php】
<table border="1">
<tbody>
<tr>
<td class="class3_sql_name">takahashi</td>
</tr>
</tbody>
</table>
【メインページ http://hogehoge.jp/index.html】
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="js/jquery.xdomainajax.js"></script>
<script>
// 引っ張ってきたいサイトのURL
url = 'http://hoge.ne.jp/read1000.php';
$.get(url, function(data){
var content3_sql_name = $(data.responseText).find('.class3_sql_name').text();
$("[name='ca2_stock_name']").val(content3_sql_name);
});
</script>
<input type="text" name="ca2_stock_name" value="" />
*****************************************************************
上記のスクリプトを実行すると、
<input type="text" name="ca2_stock_name" value="takahashi" />
という形が完成します。
******************************************************************
【現在できていること その2】
【サブページその2 http://hoge.ne.jp/read2222.php】
<div id="news200">
こんにちは
<?php echo $_GET["name"]; ?>
さん
</div>
【メインページ http://hogehoge.jp/index.html】
<script type="text/javascript">
var usr_id='123456'
$(function(){
$("#read200").load("https://hoge.ne.jp/read2222.php?name="+usr_id+" #news200 ul",
function(data) {
if(data == null){
$("#read200").append("読込みに失敗しました");
}
});
});
</script>
<div id="read200"></div>
*****************************************************************
上記のスクリプトを実行すると、
メインページ 上で、サブページ2の<div id="news200"/>....<div> 間を拾ってきて表示することができます。
→ こんにちは123456さん
メインページ内で「read2222.php?name="+usr_id+"」という形でURLとして一旦サブページ2にトスし、 $_GET["name"] でサブページで処理しものをあらためてメインページで表示させています。
*****************************************************************
【やりたいこと】
上記の2つのスクリプトを合体させ、
var usr_id='123456' の代わりに、
【http://hoge.ne.jp/read1000.php】にある<td class="class3_sql_name">takahashi</td>
のtakahashiを表示させたいと考えています。
→ こんにちはtakahashiさん
考え方としては
var content3_sql_name の変数をvar usr_idの代わりにすればいいだけです。
**************************************************************
【試したがうまくいかなかったスクリプト】
<script type="text/javascript">
url = 'http://hoge.ne.jp/read1000.php';
$.get(url, function(data){
var content3_sql_name = $(data.responseText).find('.class3_sql_name').text();
$(function(){
$("#read200").load("https://hoge.ne.jp/read5555.php?name="+content3_sql_name+" #news200 ul",
function(data1) {
if(data1 == null){
$("#read200").append("読込みに失敗しました");
}
});
});
});
</script>
<div id="read200"></div>
**********************************************************
どこがいけないのかご指導いただけませんでしょうか?
宜しくお願い致します。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
回答ありがとうございました