Bootstrap Table - dummy ajax

// Bootstrap Table - dummy ajax example using jsfiddle "/echo/json/". Created to help answer https://github.com/wenzhixin/bootstrap-table/issues/#1998

by dshilkret

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>
<table data-toggle="table"
       data-url="http://mikepenz.com/jsfiddle/"
       data-pagination="true"
       data-side-pagination="server"
       data-page-list="[5, 10, 20, 50, 100, 200]"
       data-search="true"
       data-height="300">
    <thead>
    <tr>
        <th data-field="state" data-checkbox="true"></th>
        <th data-field="id" data-align="right" data-sortable="true">Item ID</th>
        <th data-field="name" data-align="center" data-sortable="true">Item Name</th>
        <th data-field="price" data-sortable="true">Item Price</th>
    </tr>
    </thead>
</table>

<div class='wrapper'>
    <p>JSON will be received in 3 seconds</p>
    <div id='post'></div>
</div>

JavaScript

// Bootstrap Table - dummy ajax example using jsfiddle "/echo/json/"
// Created to help answer https://github.com/wenzhixin/bootstrap-table/issues/#1998


var data = {
        json: JSON.stringify({
            text: 'some text',
            array: [1, 2, 'three'],
            object: {
                par1: 'another text',
                par2: [3, 2, 'one'],
                par3: {}
            }
        }),
        delay: 3
}

$(document).ready(function(){


$.ajax({
    url:"/echo/json/",
    data:data,
    type:"POST",
    success:function(response)
    {
       console.log(response);
       $("#post").append("<pre>"+JSON.stringify(response)+"</pre>");
    }
});



});