Ajax and Google Places API getting json
Ajax and Google Places API getting json
我正在制作一个简单的页面,您可以在文本框中输入城市名称,它会显示有关它们的基本信息(地址,名称等)。我在使用 Google Places API 时遇到问题。这就是我到目前为止所拥有的
餐厅.html
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Restaurant Search</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="jquery.js"></script>
<script src="functions.js"></script>
<script>
$(document).ready(function(){
getRestaurants();
});
</script>
</head>
<body>
<div class="main">
<form>
Enter city name: <input id="city" type="text" name="cityname"><input id="btn" type="submit" value="Search">
</form>
<div id="error">
The search field cannot be left empty!
</div>
</div>
<div id="header">
</div>
<div id="items">
</div>
</body>
</html>
函数.js
function getRestaurants(){
$("#btn").click(function(){
if ($("#city").val().length==0){
$("#error").css("display","block");
}else{
$("#error").css("display","none");
var cityname = $("#city").val();
var search_string = "https://maps.googleapis.com/maps/api/place/textsearch/json?query=restaurants+in+"+cityname+"&sensor=false&key=KEYKEYKEY";
$.ajax({
url: search_string
}).done( function ( data ) {
res ="";
var obj = jQuery.parseJSON(data);
$(obj).each(function(){
res+=this.name;
});
$("#items").text(res);
});
}
});
}
风格.css只有这个在里面
#error{
display: none;
}
问题出在哪里?
请参阅此链接https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform只需复制代码并根据您的需要进行定制
相关文章:
- jQuery匹配JSON对象的部分文本
- 在循环中分配json值时,值被覆盖
- 需要帮助设置json数组
- 如何在Javascript中将JSon对象转换为数组
- 我可以在json对象中添加一个函数吗
- 使用JS将数组转换为json对象
- Javascript-如何读取json文件中的列并将其保存在Javascript数组中
- 使用JQuery解析JSON嵌套数组
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- 如何使用json将对象列表从java转换为javascript
- 如何使用 node.js 比较两个 json 数组
- 如何将JSON数据导入我的ejs模板
- 区分JSON中的矩阵和列表列表
- 不显示带有本地json文件数据的谷歌地图脚本
- 如何将json数据显示为html
- 如何为json对象中的段发送array[]
- 根据id将json数组组合为一个json数组
- Ajax and Google Places API getting json
- Angular getting Json Values
- Getting Json with javascript