0

我有一个表格，它将根据名称和日期显示交易列表。

<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 一起传递？

4

2 回答 2

0 
<script type="text/javascript">
    $(document).ready(function() {
        $('#form1').submit(function() {
            // get the data of the form
            var data_form = $('#form1').serialize(); 
            $.ajax({
                type: "GET",
                cache: false,
                data: data_form,
                url: "<?php echo base_url() ?>options/history",
                success: function(data) {
                   alert('Data Loaded');
                   // Your data is in the var data returned, you can use it with, for example: $("#content").html(data);

                }
            });
            // Prevent default behaviour
            return false;
        });

    });
</script>
于 2013-01-15T19:12:28.523 回答
0

我在这里有点困惑。但我想你实际上想要这个：

$('form#form1').submit(function(evt){
  $.ajax({
    type: "GET",
    data: $(this).serialize(),
    cache: false,
    url: "<?php echo base_url() ?>options/history",
    success: function (data) {
      alert('Data Loaded');
    }
  });
  evt.preventDefault();
  return false;
});

您可以.submit()改为使用绑定到 JavaScript 的submit事件。通过false在此处理程序结束时返回，您可以停止表单提交，如上所示；或者，通过使用evt.preventDefault().

datain 属性$.ajax指定要发送到服务器的数据。至于获取您可以使用的数据.serialize()，它将对准备提交的表单元素进行编码。

于 2013-01-15T19:12:36.737 回答