Question

我们有一个HTML / JS动画，基本上是一个花哨的计数器。实际的计数器部分是一个div，其值从PHP脚本中加载，该脚本吐出一个随机数。它看起来像这样：

<?php

$val = file_get_contents("num.txt");
$val += rand(1, 5);
file_put_contents("num.txt", $val);

print $val;

我们在外部域上托管此PHP文件，因为此动画将打包为iPad出版物的一部分。我们的想法是，当我们的动画加载时，它将调用我们的PHP文件并从那里获取它的值。

我想知道加载这些数据最简单的方法是什么。

我们正在更改的计数器文本部分的div是#Stage_Text。我在动画的html中尝试了以下方法，但遗憾的是它不起作用：

$(document).ready(function () {
        $.ajax({
            url : "http://ourdomain.com/stat.php",
            dataType: "text",
            success : function (result) {
                $("#Stage_Text").html(result);
            }
        });
    });

非常感谢任何协助。

Answer 1

我刚刚测试了你的代码，它似乎工作正常。

你是ajax请求完成好吗？您可以在Firebug或开发人员工具中查看此内容。

这是我唯一没有其他信息的想法。

------ ----- UDPATE

抱歉，我没有看到您的Ajax请求是针对其他域的。是的，由于same-origin policy，这不起作用 - 实质上，你只能对提供javascript文件的域进行ajax调用。

很多想法绕过它here。

最简单的方法可能是使用server-side proxy。

Answer 2

感谢您的回复！最后，我们通过简单地在服务器上托管整个动画并在应用程序中调用它来解决这个问题。这样我最初发布的代码工作得很漂亮，并解决了我们遇到的其他一些挑战 - 例如，如果查看应用程序的用户没有互联网连接会发生什么？按照我原先的意图这样做意味着该值只是空白（你可以有一个占位符，但它仍然不理想）。通过我们的解决方法，动画根本不会被加载，我们在下面有另一个更静态的元素。

我会说在这种特殊情况下，这是实现我们想要的绝对最简单，最简单的方法。

将生成的文本从外部托管的PHP文件加载到iPad上的HTML / JS动画中

2 个答案: