Javascript 使用Ajax和jQuery显示新数据

我使用的是Laravel，我有以下数据视图

<div class="content-inside-main">
        <div class="content-inside" id="content-inside-feedback">
            <div class="row header-content space-div">
                <div class="col-lg-1"><h5>#</h5></div>
                <div class="col-lg-1"><h5>Member Id</h5></div>
                <div class="col-lg-4"><h5>Question</h5></div>
                <div class="col-lg-4"><h5>Reply</h5></div>
                <div class="col-lg-1"><h5>Replied by</h5></div>
                <div class="col-lg-1"><h5>Options</h5></div>
            </div>
            <div>
                <hr class="line-div"/>
            </div>

            <?php
            $questions= \App\Question::all();
            ?>

            <?php
            foreach ($questions as $question):
            $id = $question->id;
            $member_id = $question->user_id;
            $body = $question->message;
            $status=$question->replied;
            $reply=$question->reply;
            $user_id=$question->replied_id;

            $member=\App\Member::find($member_id);
            $m_id=$member->id;
            $m_name=$member->nick_name;
            $m_reg_time=$member->reg_time;
            $m_unreg_time=$member->unreg_time;
            $m_status=$member->unreg;
            $m_group_id=$member->group;

            $group=\App\Group::find($m_group_id);
            $m_group_name=$group->name;

            if($id != NULL) {
            ?>

            <div class="row content-messages" >
                <input type="hidden"  id="count" value="{{$id}}"/>
                <div class="col-lg-1"><?php echo $id; ?></div>
                <div class="col-lg-1"><?php echo $member_id; ?></div>
                <div class="col-lg-4"><?php echo $body; ?></div>
                <div class="col-lg-4">
                    <?php
                    if($status == 0){
                    ?>
                    <div class="according-form-container" id="reply-feedback-form_<?php echo $id; ?>">
                        <a class="btn-link show-add-form-div" data-toggle="collapse" data-parent="#reply-feedback-form_<?php echo $id; ?>" href="#reply-feedback-form_content_<?php echo $id; ?>" >
                            Reply
                        </a>

                        <div id="reply-feedback-form_content_<?php echo $id; ?>" class="collapse collapse-add-form">

                            <form class="form" id="reply-feedback_<?php echo $id; ?>" enctype="multipart/form-data" method="post" action="addreply">
                                {{csrf_field()}}
                                <div class="control-group">
                                    <label class="control-label" for="description">Message: </label>
                                    <div class="controls">
                                        <input type="hidden" name="id" id="id" value="{{$id}}"/>
                                        <input type="hidden" name="member_id" id="member_id" value="{{$member_id}}"/>
                                        <input type="hidden" name="user_id" id="user_id" value="{{Auth::id()}}"/>
                                        <textarea name="description" id="feedback-message_<?php echo $id; ?>"  class="input-block-level" required></textarea>
                                        <br/><br/>
                                        <button id="submitfeedback_<?php echo $id . '_' . $member_id; ?>" type="submit" class="btn feedback-reply-submit-btn">Send</button>
                                    </div>
                                </div>

                            </form>
                            <div id='preview_feedback_<?php echo $id; ?>'>
                            </div>

                        </div>
                    </div>

                    <?php
                    } else {?>
                    <div class="col-lg-4">{{$reply}}</div>
                    <?php
                    }
                    ?>

                </div>
                <div class="col-lg-1">
                    <?php
                    if($user_id != null){
                        $user_name= DB::table('admin')->where('id',$user_id)->value('name');
                        echo $user_name;

                    }else {
                        echo 'None';
                    }
                    ?>
                </div>
                <div class="col-lg-1">
                    <button id="view_member" name="view_member" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#view_memeber"
                            >View
                    </button>
                </div>
            </div>
            <hr class="line-div" />
            <?php
            }
            endforeach;
            ?>
            <div id="show"></div>
        <div class="text-center navigation-paginator" id="paginator" >
        </div>
    </div>

#
成员Id
问题:
回复
答复
选择权

我有另一个应用程序。它可以随时填充问题表。如果问题表有新的记录，我想在这个页面中显示它们而不刷新

如以下截图所示：

---

您可以定期发送ajax调用，然后将结果与已添加新值的数据进行比较。可能是这样的：

function query() {
  $.ajax({
    url: 'your/url',
    success: function(data) {
      var loadedValues = JSON.parse(data).values;
      // Iterate only in the new values
      for(i = existingValues.length; i < loadedValues.length; i++) {
        $("#content-inside-feedback").append(/*HTML you want to add*/);
      }
    }
  });
  setTimeout(executeQuery, 5000);
}

$(document).ready(function() {
  // First call, then it will be called periodically
  setTimeout(query, 5000);
});

函数查询（）{
$.ajax({
url:'您的/url'，
成功：功能（数据）{
var loadedValues=JSON.parse（data）.values；
//仅在新值中迭代
对于（i=existingValues.length；i

1。尽量避免在

视图中使用
模型
，因为您有用于该2的控制器。您需要使用interval调用ajax，它将检查新记录或编辑的记录。其他选项是使用socket+Laravel+Redis，这样socket将推送到客户端更新的信息（但实现起来更复杂）如何做到这一点？我不太清楚，来看看