Bootstrap Table

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
    <div class="container">
        <h1>refreshOptions</h1>
        <p></p>
        <div id="toolbar">
            <button id="button" class="btn btn-default">refreshOptions</button>
        </div>
        <table id="table"
               data-toggle="table"
               data-toolbar="#toolbar"
               data-height="460"
               data-url="../json/data1.json">
            <thead>
            <tr>
                <th data-field="id">ID</th>
                <th data-field="name">Item Name</th>
                <th data-field="price">Item Price</th>
            </tr>
            </thead>
        </table>
    </div>

JavaScript

var $table = $('#table'),
        $button = $('#button');
    $(function () {
        $button.click(function () {
        
            $table.bootstrapTable('refreshOptions', {
                showColumns: true,
                search: true,
                showRefresh: true,
                url: '/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data1/',
            });            
        });
        
      $table.on('load-success.bs.table', function (res) {
      	alert('loaded');
        alert(JSON.stringify(res))
      })

    });