jQueryまたはAjax関数を使用して別のページからテキストを取得する

Question

短編小説は、私たちのCMSがhtml/jsを単独で使用することを制限しています。私は毎月更新される多くのデータを持つ動的なグラフページを作成しています。スタッフメンバーが記入し、その内容はデータベースに保存され、その情報を表示する別のPHPファイルがあります。 Jquery/Ajaxは外部のPHPページからその情報を取得する必要があります。これは他のプロジェクトで行っています。この相違点は、グラフを作成する際に使用するjavascript変数に結果が格納されるため、コードの特定のセクションを対象にする必要があることです。

これまでの私とは？ jquery/ajaxが必要とするのは、ターゲットの特定のdiv IDがpopulate phpページにあるため、適切なjs変数に直接指示することができます。

私はjstonを見てきましたが、JSには強くないので、ギリシャのように見えます。思考、アイデア、提案？

編集：私はこのコードを試してみた

：ID "NEWDATA" とのdivとtest.phpをページ上のテキストがあっても、何も輸入しない

$('#hiddenDiv').load('test.php #newdata'); 

。

あなたはjQueryの load機能を使用することができます

Answer 1

：load関数へのパラメータとして提供されたURLにスペースがある場合は、jQueryのセレクタであると考えていますし、指定を抽出するために使用され

$('#loadIntoMe').load('somepage.php #onlyLoadMe'); 

を要素全体を返すのではなく、詳細については、docsを参照してください。 （コメントに基づいて）

更新

変数に結果を格納するために、あなたはdiv隠されたコールバック関数を使用できます。私が使用しているすべてのJavaScriptグラフライブラリは持って

var yourVariable; 
$('#loadIntoMe').load('somepage.php #onlyLoadMe', function() { 
    yourVariable = $(this).html(); 
}); 

Answer 2

をjavascriptオブジェクトを渡す必要がありました。この例では、json_encode d個のデータセットを取得するためにjQuery $.getを使用します。

PHP

<?php 
header('Conent-type: application/json'); 
$array_of_data = array(
    'axes1' => array(// data goes here 
    ), 
    // etc and so on 
); 
echo json_encode($array_of_data); 
?> 

あなたのコードは、これまでのように見えるん何JS

$.getJSON('/url/to/php.php', function(data) { 
    // console.log(data); 
    // generate graph from data 
});