Javascript 将AJAX数据传递到多个页面

我有一个HTML页面，需要通过post方法将两个变量传递给PHP页面，PHP页面接受这两个变量，并调用API从这两个变量获取结果。 现在，我的要求是将API结果返回到第一页。 我无法得到它

从index.html，我正在调用另一个页面，其中包含-

$.ajax({
    url: "data.php",
    type: 'POST',
    data: {
        difficulty: term,
        cr : country
    },
    success: function (res) {
        console.log(res);
    }

在data.php中，我通过POST方法获取参数并调用API

$(document).ready(function(){
        var data;

        $.ajax({
            url: "https://key***.co*/api?key="+api_key,
            dataType: "json",
            data: {
                difficulty: <?php echo $diff; ?>,
                cr : <?php echo $cr; ?>
            },
            success: function (res) {
                data =  difficulty;

            }
        });

    }

$（文档）.ready（函数（）{
var数据；
$.ajax({
url:“https://key***.co*/api？key=“+api_key，
数据类型：“json”，
数据：{
难度：，
cr:
},
成功：功能（res）{
数据=难度；
}
});
}

---

这里的api_键是上面定义的。如何将数据提取回index.html？

您应该从data.php页面中删除

Javascript

，并使用php发出请求

你可以参考：

---

我建议使用PHP方法访问API，但不使用AJAX。在这种情况下，您将在

index.html

中的正确回调中得到最终响应“如何将数据提取回index.html？”-您不能（按您现在的方式）。使用（PHP）curl请求，而不是data.php中的ajax；然后您可以将结果返回到index.htmldata.php中的ajax无论如何都不会执行，因为它从来没有看到可以执行javascript的浏览器。（除非您通过phantom.js或jsonp返回做一些奇特的事情）这可能对您有用-您正在做的是混淆php文件中的服务器端和客户端编程我不明白为什么您不能直接在第一页中调用api。在索引和数据页之间移动时，您没有添加任何内容