【问题标题】:Laravel jQuery - Check every minute if certain row exists in databaseLaravel jQuery - 每分钟检查数据库中是否存在特定行
【发布时间】:2018-09-25 23:29:15
【问题描述】:

目前我正在做一个需要一点 jQuery 才能完成的项目。我需要完成的事情是每分钟检查数据库中是否存在具有特定 ID 的特定行。

我有一个刀片文件,用户在完成某个步骤后可以访问该文件。在这个刀片文件中,需要有一个 jQuery 脚本,它每分钟检查一次名为“Droplets”的数据库表中是否存在具有特定webshop->id 的行。如果是这样,进度条需要设置一定的宽度。我怎样才能做到这一点?

到目前为止,我的尝试如下所示:

HTML(进度安装)

<div class="col-md-12 mb-3">
 <div class="progress mb-3">
   <div id="progress-install" class="progress-bar andcode-progress progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100" style="width: 10%"></div>
 </div>
</div>

jQuery 脚本需要检查表中是否有名为“Droplet”的行 webshop-&gt;id 我可以通过在我的刀片文件中调用 {{ webshop-&gt;id }} 来调用它

jQuery 尝试

$(document).ready(function() {

    var checkdb = function () {
        $.ajax({
           type: 'POST',
           url: '/droplet/get/' {{ $webshop->id }},
           data: '_token = <?php echo csrf_token() ?>',
           success:function(data) {
               $("#dropletInfo").html(data.info)
           }
        });

        var ele = document.getElementById('progress-install');
        ele.style.width = 30+'%';

    };
    setInterval(checkdb(),1000 * 60);
})

jQuery脚本调用的路由是

Route::post('/droplet/get/{id}', 'DropletController@getAll')-&gt;name('getAllDroplets');

看起来像这样:

public function getAll($id)
{
    $info = Droplet::where("webshop_id", "=", $id)->get();

    return response()->json(array($info));
}

我怎样才能实现上述目标?

【问题讨论】:

  • 您在 {{ $webshop->id }} 之前错过了 concat +
  • 答案是正确的,为了以后参考,你的浏览器会告诉你问题,所以为了调试目的,为了节省你以后的时间,打开控制台看看发生了什么(f12 ) 它应该给你一个意想不到的错误,并告诉你是哪一行。

标签: javascript php jquery laravel laravel-5


【解决方案1】:

这里你的 url 没有正确构建:

url: '/droplet/get/' {{ $webshop->id }},  // here you are missing the contenation, so change it to:

url: '/droplet/get/' + {{ $webshop->id }},

【讨论】:

  • 好的,很抱歉这个错误。但是如果数据库中的某行存在,进度条跳到30%,我该如何获取呢?
  • 将您的 ajax 设置为每隔一分钟这样的时间间隔,以便它会寻找新条目
猜你喜欢
  • 2018-09-22
  • 2018-06-02
  • 2022-12-31
  • 2015-06-14
  • 2020-07-31
  • 1970-01-01
  • 2013-12-14
  • 2016-06-26
  • 1970-01-01
相关资源
最近更新 更多