使用 jQuery 或 Ajax 得到 function 从另一个页面拉入文本

Question

简而言之，我们的 CMS 将我们限制为仅使用 html/js。 我正在创建一个动态图表页面，其中包含将每月更新的大量数据。 工作人员将填写的服务器上有一个单独的 php 表格，该内容存储在数据库中，还有另一个 php 文件显示该信息。 Jquery/Ajax 需要从外部 php 页面中提取该信息，这是我在另一个项目中完成的。 这次的区别在于我需要针对特定的代码部分来引入，因为结果将进入 javascript 变量以用于填充图形。

跟我到现在？ 我需要 jquery/ajax 做的是在填充的 php 页面上定位特定的 div ID，这样我就可以将它定向到正确的 js 变量。

我看过 jston，但对 JS 不强，因此看起来像希腊语。 想法、想法、建议？

编辑：

我试过这段代码：

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

即使 test.php 页面上有一个带有 ID 为“newdata”的 div 的文本，也没有导入任何内容。

Answer 1

您可以使用 jQuery load function：

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

如果 URL 中有空格作为参数提供给load function，则假定为 jQuery 选择器，而不是返回整个文档。 有关更多信息，请参阅文档。

更新（基于评论）

要将结果存储在变量中，您可以使用隐藏的div和回调 function：

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

Answer 2

我使用的所有 javascript 图形库都需要将 javascript object 传递给它们。 在这种情况下，我将使用 jQuery $.get来获取json_encode d 数据集。

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
});