Question

将视图从laravel控制器返回到ajax请求并将数据填充到div元素，但是如果我插入诸如.html("+++++")之类的任何其他字符串，或者如果我使用.text()都可以，则.html("")不起作用并且.html(data)无法正常工作。 success:function(data)的类型也是字符串，并且该字符串数据是具有laravel默认分页的html表。

在ajax成功回调中从控制器接收表数据

<table class="table table-striped">
      <thead>
      <tr>
      <td>Stock Name</td>
      <!-- <td colspan="2">Action</td> -->
      </tr>
      </thead>

      <tbody>
      <tr>
      <td>book</td>
      <td><a href="http://localhost:8000/shares/1/edit" class="btn btn-primary">Edit</a></td>
      <td>
      <form action="http://localhost:8000/shares/1" method="post">
      <input type="hidden" name="_token" value="lYeyrbyZpnFLqICDXgpXuqXPVEHX61gjJsWNDIIg">
      <input type="hidden" name="_method" value="DELETE">
      <button class="btn btn-danger" type="submit">Delete</button>
      </form>
      </td>
      </tr>
      </tbody>
      </table>

      <ul class="pagination" role="navigation">
      <li class="page-item disabled" aria-disabled="true" aria-label="&laquo; Previous">
      <span class="page-link" aria-hidden="true">&lsaquo;</span>
      </li>
      <li class="page-item active" aria-current="page"><span class="page-link">1</span></li>
      <li class="page-item"><a class="page-link" href="http://localhost:8000/sharesShow?page=2">2</a></li>
      <li class="page-item"><a class="page-link" href="http://localhost:8000/sharesShow?page=3">3</a></li>
      <li class="page-item">
      <a class="page-link" href="http://localhost:8000/sharesShow?page=2" rel="next" aria-label="Next &raquo;">&rsaquo;</a>
      </li>
      </ul>

Ajax功能

$(document).ready(function(){

        $('#searchBtn').click(function(e){
           e.preventDefault();

           var url = $("#searchForm").attr('action');
           var data = $("#searchForm").serialize();

           $.ajax({
              url: url,
              method: 'get',
              data: {
                "data": data,
                "_token": "{{ csrf_token() }}"
              },
              dataType: "html",

              success: function(result){
                console.log(result);
                $("#divElement").empty();
                $("#divElement").html(result);
                }
            });
           });
        });

控制器返回语句

    $data = Share::paginate(1);
    return view('shares.showAjax')->with('data',$data);

细分元素

     <div id="divElement">
    </div>

$（“＃divElement”）。html（）未向其中添加html数据

0 个答案: