用PHP、Ajax和MySQL在文本框中自动完成

Question

使用自动完成文本框从MySQL数据库表中检索数据。我的Ajax代码正致力于检索少量数据。在我的数据库表中，我有超过300,000条记录。当我使用大数据时，编码不起作用。

请给出检索大数据的建议。哪种方法最适合检索数据。

请参阅我的代码。它可以很好地检索少量数据。

<input type="text" name="protein_name" id="protein_name">

$("#protein_name").keypress(function (e){   
   var protein_name = $("#protein_name").val(); 
    if(protein_name != "") {
        $.ajax({                    
                url: '<?php echo base_url(); ?>/index.php/Protein_Main/protien_search',
                data: {protein_name: protein_name},
                dataType: "json",
                type: "POST",
                success: function (res) {                                               
                        $("#protein_name").autocomplete({
                            source: res
                        });
                }
        });
    }   }); 

PHP编码

$query =  $this->db->query("SELECT `Name_of_the_Protein` FROM `protein` WHERE Name_of_the_Protein Like '".$protein_name."%'");      
        $protein = $query->result();    

echo json_encode($protein)；

Answer 1

自动完成功能需要做一些事情。

• An input element

<input type="text" id="nmRecipientSearch">

• 两个本地javascript数组：(一个包含潜在选择的列表，另一个包含与每个选择对应的唯一数字ids )

var aryRecipientsFull=["Aaron","Adon","Andrew"];

var aryLrId=["1","2","3"];

• 绑定到.autocomplete元素的javascript输入处理程序：

$( "#nm_recipient_search“).autocomplete({ source: aryRecipientsFull，select: function( event，ui ){ var numPosition，numLrId = 0；//查找所选项(如Adon)在数组中的索引位置numPosition=aryRecipientsFull.indexOf(ui.item.label)；//设置变量为所选项对应的数值(如2) numLrId=aryLrIdnumPosition；//将隐藏输入字段(nm_lr_id)填充到数值$('#nm_lr_id').val(numLrId)；//选定后将焦点放到下一个字段$('#nm_text').focus()；} });

确保自动完成结果显示在所有内容之上的CSS样式：

ul.ui-autocomplete { z-index: 1100; }

需要考虑的几件事：

• 我建议开始使用静态数组，以确保UI看起来没问题。
• 如果你需要(重新)动态填充数组，那么你可能需要绑定一个.keyup事件到搜索字段，执行一个AJAX调用，然后页面按照你的建议进行查询，但要确保你限制了结果记录的数量(可能是10或20条记录)。只需在SELECT查询的末尾添加"LIMIT 20“即可实现这一点。

我希望这能有所帮助。