c# - 使用 web api 自动完成文本框
问题描述
我正在尝试使用 web api 创建一个自动完成文本框。我检查了很多网站,但我仍然什么都不懂。我的 web api 包含格式为 "[{\"sl_no\":\"305\"},{\"sl_no\":\"305\"},{\"sl_no\":\"3056\"} 的数据,{\"sl_no\":\"3057\"},{\"sl_no\":\"3305\"}]"
我想在输入文本时自动完成文本框,例如。text=305 那么它应该给出其余的选项,即 3056,3057,3305
我正在尝试使用 jquery 自动完成小部件来做到这一点
解决方案
要实现 Google Places 自动完成文本框,您首先需要一个 API 密钥,该密钥可以在 Google API 网站上获得。您需要做的就是通过填写您所需的个人信息来注册一个。获得 API 密钥后,您只需进入 API 库并启用场所 API。完成后将以下代码复制并粘贴到您的 Asp.Net MVC 应用程序的视图中...
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places&Key=YOURAPIKEY"></script>
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', function () {
var options = {
types: ['(cities)'],
componentRestrictions: { country: "sa" }
};
var input = document.getElementById('Address');
var places = new google.maps.places.Autocomplete(input, options);
});
</script>
复制并粘贴此代码后,在其状态 (Key=YOURAPIKEY) 的所需位置填写您的 API 密钥。完成后,您现在可以运行您的应用程序,它应该像这样出现... 在此处输入图像描述
推荐阅读
- firebase - TimeStamp 到 DateTime 转换 Firebase 到 Flutter
- powerbi - 具有 TIME RANGE 的值的累积列在 Power BI 中不起作用
- c# - 大型数据集上的自动完成搜索:最小化后端负载
- mongodb - E11000 重复键错误收集索引:_id_ in mongo driver
- python - 将列表中的单个字符串转换为熊猫中同一列表中的多个字符串
- python - 从数组列表中查找与给定数组最接近的值的数组
- lambda - Foreach 循环进入流
- javascript - jQuery中有类似“move()”命令的东西吗?
- vue.js - 传递 $event 和 implying 更好吗?
- excel - 为什么在EXCEL中使用线性规划和非线性规划的结果是一样的