javascript - 尝试一次连续显示多个 php 文件

标签 javascript php jquery post get

我当前有一个显示要打印的发票的页面。我想创建一个可以输入多张发票的页面,以便我可以打印多张发票。当然,我可以复制代码并将其循环到新文件中,但我认为调用其他页面并将它们组装在一个页面上可能更容易。我看到一些与此类似的代码,并尝试修改它,但我不断在控制台中收到错误:

Uncaught SyntaxError: Unexpected token ILLEGAL

也许有一种方法只能在 php 中做到这一点?

我将一系列发票发布到此 php 文件:

<?php
$invoiceList = $_POST["invoiceRequest"];
$invoices = explode("\n", $invoiceList);
echo '<html>';
    echo '</head>';
        echo '<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>';
        echo '<script type="text/javascript">';
        echo '$(document).ready(function(){';
            foreach($invoices as $page) {
                echo "$.get('ajax/invoices/invoicePrint.php?invoiceId=".$page."').success(function(html) {
                    $('#page".$page."').html(html);
                });";
            }
        echo '});';
        echo '</script>';
    echo '</head>';
    echo '<body>';
        foreach($invoices as $page) {
            echo '<div id = "page'.$page.'"></div>';
        }
    echo '</body>';
echo '</html>';
?>

最佳答案

爆炸通过\n发布数据可能会在数组值中留下一些不需要的字符(例如\r,这将被解释为新行也会导致 Unexpected token ILLEGAL 错误)。要回答这个特定问题,我建议您trim()值。

您还可以通过使其更短、更清晰来稍微改进您的实际代码。

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $(".invoice").each(function(){
                    $(this).load("ajax/invoices/invoicePrint.php?invoiceId="+$(this).data('invoiceid'));
                });
            });
        </script>
    </head>
    <body>
    <?php foreach(explode("\n", $_POST["invoiceRequest"]) as $page): ?>
        <div data-invoiceid="<?php echo trim($page); ?>" class="invoice"></div>
    <?php endforeach; ?>
    </body>
</html>

关于javascript - 尝试一次连续显示多个 php 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28221206/

相关文章:

javascript - 如何测试 $rootScope.$emit 事件?

javascript - 谁能向我解释一下这种嵌套的每个行为?

javascript - 在 Ajax 启停事件时禁用和启用提交的响应方法

javascript - 基于数据库实体创建模型

Javascript 对象未显示所有结果

php - PayPal IPN txn_check 然后处理付款

php - 如何在我的android项目中连接mySQL?

jquery - ajax在rails中加载图像

javascript - JQuery:激活和停用滑动菜单的问题

python - 使用 jQuery 从 Web 服务器获取数据