Question

我正在使用laravel。我有两个div。一个div用于显示数据库的一些输出，而其他div用于显示数据库的一些输出。

让我展示我的代码。

<div id="pending">
        @foreach($pendings as $pending)
        {{ $pending->title }}
        <br>
    @endforeach

<div id="accepted">
        @foreach($accepteds as $accepted)
        {{ $accepted->title }}
        <br>
    @endforeach

当用户进入该页面时，我想向他显示待处理的div或待处理数据。然后我想保留两个按钮。一个是PENDING，另一个是ACCEPTED。当用户点击“接受”按钮时，当用户点击待处理按钮以及接受的div或接受的数据时，我想显示待处理的div或待处理数据。有人请帮帮我。

还有一个人认为我对AJAX或JQuery知之甚少。

Answer 1

创建两个带有ID的按钮button_1＆amp; button_2并将db结果绑定在单个div中。您可以尝试下面的代码

function sendAjaxRequest(element,urlToSend) {
             var clickedButton = element;
              $.ajax({type: "POST",
                  url: urlToSend,
                  data: { id: clickedButton.val(), access_token: $("#access_token").val() },
                  success:function(result){
                  /*can add logic for html or json data*/
                   $("#divid").append(result);
                  },
                 error:function(result)
                  {
                  alert('error');
                 }
             });
     }

       $(document).ready(function(){
          $("#button_1").click(function(e){
              e.preventDefault();
              sendAjaxRequest($(this),'/pages/test/');
          });

          $("#button_2").click(function(e){
              e.preventDefault();
              sendAjaxRequest($(this),'/pages/test/');
          });
        });

Answer 2

我使用Bootstrap Tabs和Pills完成了这项工作。

我想显示数据库中的结果而不重新加载页面

2 个答案: