防止在调用“ getRules”后刷新jQuery QueryBuilder

Question

我在HTML表单内使用Jquery Query Builder

<script type="text/javascript">

    ......

    ......   

    var filter_json2 = <%=jsonArray%>;

    console.log(<%=jsonArray.toString()%>);

    $(document).ready(function(){

        $('#rule_div').queryBuilder({

            plugins:['bt-tooltip-errors'],

            filters:filter_json2

        });

        $('#btn_reset').on('click', function () {

            $('#rule_div').queryBuilder('reset');

        });

        $('#btn_set').on('click', function () {

            $('#rule_div').queryBuilder('setRules', rules_basic);

        });

        $('#btn_get').on('click', function () {

            var result = $('#rule_div').queryBuilder('getRules');

            if (!$.isEmptyObject(result)) {

                //alert(JSON.stringify(result, null, 2));

                $("#jsonRule").val(JSON.stringify(result, null, 2));

                console.log(result);

            }

        });

    });

    ......

    ......

</script>

    ......

    ......

    ......

    ......

<form action="/jspfile.do" method="post">

    ......

    ......

    other fields in form

    ......

    ......

<tr>

    <td></td>

    <td>

        <div id="rule_div">

            <button class="btn_set" id="btn_set">Set Rules</button>

            <button class="btn_get" id="btn_get">Get Rules</button>

            <button class="btn_reset" id="btn_reset">Reset</button>

        </div>

        <input type="hidden" id="jsonRule" name="jsonRule" value="">

    </td>

</tr>

</form>

当我从查询生成器中选择某项并单击“获取规则”按钮时，我获取的是json规则，但是页面正在刷新，并且我选择的任何内容都将被擦除。

演示不是这种情况，我指的是[ https://querybuilder.js.org/demo.html]

谁能建议我，如何防止刷新后从查询生成器中删除选定的数据？