postcode.io jQuery插件语法

时间:2018-09-08 09:27:23

标签: javascript jquery

我发现地址查找API postcode.io在上班时遇到了麻烦。

主页上是该服务的表单和jquery插件,并且我已将jQuery插件链接到我的应用程序中。可以在here中找到该插件的非缩小版本。我在调用脚本中的函数时遇到麻烦。您只需从网站上获得

<!-- Add after your form -->
<script>
$('#postcode_lookup').getAddress({
    api_key: 'YOUR_API_KEY',  
    <!--  Or use your own endpoint - api_endpoint:https://your-web-site.com/getAddress, -->
    output_fields:{
        line_1: '#line1',
        line_2: '#line2',
        line_3: '#line3',
        post_town: '#town',
        county: '#county',
        postcode: '#postcode'
    },
<!--  Optionally register callbacks at specific stages -->                                                                                                               
    onLookupSuccess: function(data){/* Your custom code */},
    onLookupError: function(){/* Your custom code */},
    onAddressSelected: function(elem,index){/* Your custom code */}
});
</script>

我设法使用自己的ajax脚本使该服务正常工作,但是我对javascript还是很陌生,因此想了解为什么从未调用过函数getAddress()。

我想在onClick()事件上调用getAddress(),因此,假设我有必要的HTML,那么javascript会是什么样子?

谢谢

利昂

1 个答案:

答案 0 :(得分:0)

我对@Override public String getUsername() { return getAccountname(); } 不熟悉,但是我查阅了他们的文档。当您想了解有关邮政编码的详细信息时,postcode.io方法不会直接执行。

此方法用于围绕表单提交进行“元”处理。我的意思是,当您将链接添加到库时,添加了一个带有.getAddress的表单,最后,在表单之后的行中添加了以下内容:

div

因此,邮政编码库已准备好表单,以便将数据提交到其端点并将答案行链接到特定表单字段(请参阅$('#id-for-div-with-postcode-input').getAddress({...})属性-它是DOM元素ID的映射)。