使用 Jquery 显示数据库值而不重新加载页面：不起作用

Question

我试图在不重新加载页面的情况下显示数据库中的信息。我的视图中有一个下拉选择选项，当我选择任何值时，下拉列表仅显示表标题，但不显示数据库中的数据。我努力想找出问题所在，但失败了。

当用户选择 Select a person: 时，我希望 jquery 将数据发送到此控制器 - （测试/索引），但我不不知道该怎么做。

您能帮我解决这些问题吗？下面是我的 jQuery、标记和 CodeIgniter 代码。

头部内部：

<script type="text/javascript" src="<?php echo base_url(); ?>support/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript">

    $(document).ready(function() {

        $("select[name='users']").attr("selectedIndex", 1);

        $("select[name='users']").change(function() {
            var str = $(this).val();
            if( str == "" ) {
                $("#txtHint").html("");
            }
            else {
                $.get("<?php echo base_url(); ?>test/query/str", function(data) { $("#txtHint").html(data) });
            }
       }).change();
    });
</script>

身体内部：

<form>
    <select name="users" >
        <option value="">Select a person:</option>
        <option value="11080101">Sumon</option>
        <option value="11080102">Donno</option>
    </select>
</form>
<br />
<div id="txtHint"><b>Person info will be listed here.</b></div>

我的控制器：

function query($id){

    $sql="SELECT * FROM attendancein WHERE attendeeid = '$id'";

    $result = mysql_query($sql);

    echo "<table border='1'>
        <tr>
            <th>date</th>
            <th>In Time</th>
            <th>In Status</th>
            <th>Class Start Time</th>
        </tr>";

    while($row = mysql_fetch_array($result))
    {
        echo "<tr>";
        echo "<td>" . $row['date'] . "</td>";
        echo "<td>" . $row['intime'] . "</td>";
        echo "<td>" . $row['instatus'] . "</td>";
        echo "<td>" . $row['classstarttime'] . "</td>";
        echo "</tr>";
    }

    echo "</table>";
}  

Answer 1

正如您可能理解的那样，您没有返回任何数据，因为控制器没有收到任何参数。

我并不完全熟悉 CodeIgniter 中的路由，但它似乎是 REST 的一些风格。这很好，但是 jQuery 比标准 RESTful 路由更好地处理查询字符串。

但不用担心。这仅意味着您已将查询数据合并到 url 中，而不是让 jQuery 使用查询字符串发送它。

我想你想做一个像这样的 jQuery get() ：

$.get(
  "<?php echo base_url(); ?>test/query/" + str,
  function(data) {
    $("#txtHint").html(data);
  }
);

假设你有一个类似于这样的路由：

$route['test/query/(:num)'] = yourController: