Javascript/PHP/Jquery - 自动填充和数据加密

Question

我正在寻找更好的自动完成功能/处理或从源 View 编码特定数据的方法。

我有一个包含客户信息的 MYSQL 数据库:

 Record | CompanyName | StreetAddress | City | State | Zip   | Telephone
------------------------------------------------------------------------------
    1   |  Eatery     |  123 Main St  |  NYC |   NY  | 10001 |  000-000-0000
------------------------------------------------------------------------------    
    2   |  Jo's Gym   |  456 2nd St   |  NYC |   NY  | 10001 | 000-000-0000
-------------------------------------------------------------------------------
etc....

然后我有一个搜索页面来搜索客户。此搜索页面有一个文本输入框，可将所有 CompanyName 抓取到一个数组中:

while( $row = $results->fetch_assoc() )
{
    array_push($customerArray,$row['companyname']);
}

然后我利用位于此处的 jquery 自动完成功能 (http://jqueryui.com/autocomplete/)

<script>
    $(function() {
        availableTags = <?php echo json_encode($customerArray); ?>;
        $( "#customername" ).autocomplete({
            source: availableTags
        });
    });
</script>

通过自动完成我的输入框可以正常工作

<label for="customername">Customer Name: </label>
<input type="text" name="companyname" id="customername" size="30">
<span id="customernamespan"></span>

所以一切都很好。我什至有 JavaScript 验证来确保输入的客户位于列表中

我的以下问题是，5000+ CustomerName 现在位于所有检查源代码的人可见的数组中。

有什么方法可以隐藏此信息或者有更好的自动完成方法吗？

<小时/>

我认为处理此问题的唯一真正方法是让中间页面验证客户名称并回显“最佳猜测”。

addnotes.php 将包含字段，CustomerName 将是常规文本输入框。

checkCustomer.php 会将所有数据存储在 $_POST 中，并在 MySQL 数据库中查询 CustomerName LIKE %token%token% 并使用带有“您是说这个吗” header 的单选按钮进行回显。如果是其中任何一个，那么他们可以选择名称或单击“添加新客户”。

如果单击了名称，则将 $_POST 传递给handleaddnotes.php 并使用插入和 yada yada 进行工作

如果是新客户，则将 $_POST 传递给 createCustomer.php 并创建新客户，然后处理原始 addnotes $_POST

--

谢谢，呃呃

Answer 1

在这些情况下，我所做的就是等待用户在输入中键入 3 个或更多字符，然后启动 ajax 请求，检索与第一个字符匹配的记录列表...

<input type="text" name="companyname" id="customername" size="30" onchange="autofill(this.value);">



<script type = "text/javascript">
   function autofill(text){
      if ( text.length < 3 ) return;
      else  ajax.post("get_customers.php", {data:text}, function(response){
          $( "#customername" ).autocomplete({
            source: response.availableTags
        });
      });
   }
</script>

希望对你有帮助