从 API 接收数据并通过 AJAX 发送到另一个页面

Question

当我的工作区通过名为 asanatarget.php

的文件中的 POST 方法发生事件时，我正在从 API (asana) 接收数据

数据正确，收到后我可以将其存储在文件中。看起来像这样：

    {"events":"resource":xxx,"user":xxx,"type":"story","action":"added","created_at":"2019-02-20T14:48:09.142Z","parent":xxx}]}

在同一个文件中，我使用 GET 方法 AJAX 将数据发送到新文件：

asanatarget.php

<?php 
    if(isset($_SERVER['HTTP_X_HOOK_SECRET'])) {
        $h = $_SERVER['HTTP_X_HOOK_SECRET'];
        header('X-Hook-Secret:' . $h);
        exit;
    }
    ?>
    <!DOCTYPE html>
    <html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    </head>
    <body>
<?php
 $input = file_get_contents('php://input');

    if ($input) {
        $entries = json_decode(file_get_contents('php://input'), true);
        file_put_contents('targetasanaDATA' . time() . '.txt', json_encode($entries));
?>
    <script>
        $( document ).ready(function() {
            $.ajax({
                type: "GET",
                url: "/asanawebhook", // Working with laravel, the route is well defined
                data: <?php echo json_encode($entries); ?>,
                dataType: "json",

                success: function(response){ 
                    console.log("success " + response);
                },

                error: function(jqXHR, textStatus, errorThrown) {   // What to do if we fail
                    console.log(JSON.stringify(jqXHR));
                }

            });
        });  
    </script>


<?php 
} 

?>
</body>
</html>

当我直接加载 asanatarget.php 测试数据时，它工作正常并且数据被传递到 /asanawebhook 但是当数据直接从 api 传递时，它不起作用。我检查过，数据总是正确的

Answer 1

您的 PHP 脚本仅生成一个 HTML 页面（基本上是一个文本）。

javascript可以被浏览器解释执行。但是如果没有浏览器读取这个页面并执行它，什么也不会发生。 PHP生成网页，没人看，到此结束。

您也可以使用 PHP 通过 POST 发送数据。您可以使用 http_build_query() 构建查询并使用 file_get_contents()。

从 API 接收数据并通过 AJAX 发送到另一个页面

Receive data from API and send it to another page via AJAX

php

api

ajax

jquery

asana