我用我的代码创建了一个jsfiddle-CSS部分没有用于演示的PHP逻辑。
我想在zip字段中输入邮政编码-然后单击该按钮,它将查询地理编码googlemaps脚本并返回json对象-我只是有问题将该对象返回到表单字段。我可以在控制台日志中看到json-但在将其传递回视图时出现了错误。有任何想法吗?
这是js文件
$('form').on('click','#geocode',function(event) {
event.preventDefault();
var zip = $('#geocode_field').val();
$.ajax({
type: "GET",
url: "/test/gmaps",
data: { zip: zip},
dataType: "json",
cache: true,
success: function(data){
console.log(data.street);
}
});
});
<form>
<label>Zip</label>
<input type="text" id="geocode_field" name="zip" /><button id="geocode">Search</button>
<label>Street 1</label>
<input type="text" id="street1" name="street1" />
<label>Street 2</label>
<input type="text" id="street2" name="street2" />
<label>Town</label>
<input type="text" id="town" name="town" />
<label>County</label>
<input type="text" id="county" name="county" />
</form>
您应该将设置dataType
为json
而不是jsonp
,因为您已调用自己的域。jsonp用于跨域ajax,它还需要返回的差异格式。
dataType: "json",
希望这可以帮助
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句