请问html的js调用webapi接口？_随笔

引用jquery，有很方便的GET调用方法：

<!DOCTYPE html>

<html>

<head>

function getToken(){

$.getJSON("http://localhost/kdapi/api/access_token", {"id":111,"secret":2352532}, function(result){

alert(result.access_token)

})

}

</script>

</head>

<body>

<button onclick="getToken()" style="width: 120px height: 60px">获取Token</button>

</body>

</html>

1、前后端分离，那后端就不应该修改前端项目文件，并且前后端交互都应通过ajax执行。所以，后端只需要提供api，前端在html调用api即可。

2、要提供api的话，aspx也可以做，但因为page的中间件会造成性能的浪费，可以用ashx去做。当然最推荐的还是使用webapi。

将高德地图用到html中步骤：

1、页面引入API：

1<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script>

2、html：

1<div id="container" style="width:500px height:300px"></div>

3、JS代码：

1234var map = new AMap.Map('container',{ zoom: 10, center: [116.39,39.9]})

HTML5怎么用高德地图API返回当前位置的经纬度：

1、当手机采集的地理位置（经纬度）发生改变时在界面上显示出改变后的经纬度。

2、如果开发过android原生定位程序的开发者应该对这部分代码不陌生，中规中矩，先注册位置监听服务，然后当位置发生改变后出发onLocationChanged()方法。

3、现在请在官网上下载示例代码，导入工程后开启包com.amap.cn.apis.location中的MyLocation.java文件，该文件实现的主要功能是：初始化地图并且实现首次定位，地图会自动移动到定位点，我们一会便要基于这个文件来完成地图自动实时定位的功能。

欢迎分享，转载请注明来源：内存溢出

请问html的js调用webapi接口？