请问html的js调用webapi接口?

浏览器输入:http://localhost/kdapi/api/access_token?&id=111&secret=2352532则返回:{"access_toke... 浏览器输入:http://localhost/kdapi/api/access_token?&id=111&secret=2352532
则返回:{"access_token": "e07e0bb2a51d1d8f8af29a628abac288","time": 131628743564832078,"expires_in": 3600}
请问html的js调用webapi接口?
$.getJSON("http://localhost/kdapi/api/access_token", {"id":111,"secret":2352532}, function(result){
alert("测试1");
alert(result.access_token);
});
}
</script>
</head>
<body>
<button onclick="getToken()" style="width: 120px; height: 60px;">获取Token</button>
</body>
</html>
这样点击只有“测试”弹出,“测试1”没弹出,就是调用成功,jquery-1.12.3.js我已经下载并放到目录了,但不是为什么不成功
展开
 我来答
花璃__鱼
2018-02-12 · TA获得超过174个赞
知道答主
回答量:56
采纳率:87%
帮助的人:32.1万
展开全部

引用jquery,有很方便的GET调用方法:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- src值为文件位置路径 -->
    <script type="text/javascript" charset="UTF-8" src="javascript/jquery-1.12.1.js"></script>
    <title>测试案例</title>
    <!-- 语法:jQuery.getJSON(url,data,success(data,status,xhr)) -->
    <script type="text/javascript" charset="UTF-8">
        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”没弹出,就是调用成功,jquery-1.12.3.js我已经下载并放到目录了,但不是为什么不成功
追答

试试控制台打印,先按 F12 调用出浏览器(谷歌)的自带调试窗口,点击Console,然后再点击Button调用接口,看有没有JSON输出:

        function getToken(){
            $.getJSON("http://localhost/kdapi/api/access_token", {"id":111,"secret":2352532}, function(result){
                console.log("-- 打印结果 --");
                console.log(result);
            });
        }

确定你的接口是GET请求?URL是正确的?参数没有漏缺?

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式