使用php和jquery基于用户输入动态显示内容

Question

我有一个表格，会根据名称和日期显示交易清单。

<form id="form1" name="form1" method="post" action="<?php echo base_url() ?>options/history">
  Name
  <input name="name" type="text" id="name" />
  date
  <input name="date" type="text" id="date" />
  <input name="find" type="submit" id="find" value="find" />
</form>

提交表单后，将显示所有相关详细信息。

有人可以向我解释如何使用jquery在同一页面上加载数据吗？

我是jquery和学习东西的新手。我做了一些研究，下面是我发现的：

 <script type="text/javascript">
        $(document).ready(function() {
            $('#find').click(function() {
                $.ajax({
                    type: "GET",
                    cache: false,
                    url: "<?php echo base_url() ?>options/history",
                    success: function(data) {
                       alert('Data Loaded');
                    }
                });
            });

        });
    </script> 

还有如何将表单变量传递给控制器​​？是否可以直接将值传递给控制器​​，还是必须将其与URL一起传递？