【问题标题】:Loading a function on pageload wont load Laravel 5.0在页面加载时加载函数不会加载 Laravel 5.0
【发布时间】:2018-03-23 08:37:00
【问题描述】:

我目前在 javascript 中使用 onload 调用文件。 它工作正常,我似乎无法让它在 Laravel 中工作,如果我加载一个 html 文件就可以了,但不是一个 php 文件。

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#query").load("test.php");
        });
    </script>
</head>

<div id="query"><img src='https://m.popkey.co/163fce/Llgbv_s-200x150.gif'/></div>
<div id="query2"><img src='https://m.popkey.co/163fce/Llgbv_s-200x150.gif'/></div>

结果为空白。

test.php 文件位于 public 文件夹中,其中只有一个简单的回显:

<?php echo 'This is Working';

我在同一个文件夹中有一个test.html,它可以完美地返回我放入其中的内容,这似乎是 javascript 拉取 php 文件的问题。

如果我运行这个 url:https://domain/Home/public/test.html 它工作正常,如果我运行这个 url https://Domain/Home/public/test.php 它也工作正常。 test.php 回显 This is Working

【问题讨论】:

  • 直接在浏览器中访问test.php会得到什么?你确定页面有效吗?好像和你的JS代码没有关系。
  • @jedrzej.kurylo,是的,我认为这与 Laravel 有关
  • 然后发布你的 laravel 代码
  • @jedrzej.kurylo ,我更新了我的问题
  • 正如@jedrzej.kurylo 已经问过的,What do you get when you go to test.php directly in your browser?

标签: javascript php laravel-5


【解决方案1】:

不久前我也遇到过类似的问题。

我所做的不是直接从公用文件夹运行文件,而是创建了一个路由。

Route::get('test.php', function(){
echo 'This is Working';
);

现在您可以直接从此函数运行所需的内容,也可以将其返回到您的视图中。

现在您可以使用:

<script type="text/javascript">
        $(function() {
            $("#query").load('test.php');
        });
    </script>

【讨论】:

  • @MatHatrick ,这确实有效,并且是我实际尝试做的更好的解决方案。
【解决方案2】:

您使用的是什么配置?此链接显示使用 Laravel Valet 存在问题。 Github Issue Here.

我建议您使用 API 路由来加载这些图像,并尝试将所有内容都保留在框架内以保持整洁?

但为了快速解决:

Route::get('foo.php', function () {
    return 'foo';
});

API:(在 routes/api.php 内

Route::get('/test', function () {
    return asset('assets/images/image.jpg');
});

你的 JS 会指向你的路由 URL。

【讨论】:

    【解决方案3】:

    在正文中添加jQuery函数的脚本标签,并确保您已经使用jQuery CDN访问jQuery函数

    【讨论】:

    • 能否举个例子,我不明白,谢谢
    【解决方案4】:

    你能试试这个吗?

    $("#query").load("{{ asset('public/test.php') }}");
    

    我认为这可以解决您的问题

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-07-18
      • 2023-03-11
      • 1970-01-01
      • 2012-11-27
      相关资源
      最近更新 更多