我正在构建一个使用Caspio API的应用程序.我在对其API进行身份验证时遇到了一些问题.我花了2-3天试图解决这个问题,但这可能是由于对我的一些了解.我已经在stackoverflow帖子上阅读了无数文章,但没有解决问题.下面是我的解决方案的代码示例,基于我所看到的,我得到400状态代码消息; 我在这做错了什么？(请提供很好的注释代码示例,我宁愿不要在这里发布的链接引用其他材料我已经看过这些广泛谢谢!):
我看过一些参考文献:
2)如何在javascript的REST API调用中进行http认证
我想使用下面的caspio描述的这种身份验证方法:
作为在请求主体中包含凭证的替代方法,客户端可以使用HTTP基本身份验证方案.在这种情况下,将按以下方式设置身份验证请求:
方法: POST
URL: 您的令牌端点
正文: grant_type = client_credentials
标头参数:
授权:基本的基本认证领域
以下是我的Javascript和HTML代码.
JavaScript的:
var userName = "clientID";
var passWord = "secretKey";
function authenticateUser(user, password)
{
var token = user + ":" + password;
// Should i be encoding this value????? does it matter???
// Base64 Encoding -> btoa
var hash = btoa(token);
return "Basic " + hash;
}
function CallWebAPI() {
// New XMLHTTPRequest …我想从外部页面链接打开引导程序 4 的特定选项卡。
第 1 页：nav.html 我想从这个页面转到第二页
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="index.html#tab-1">tab 1</a>
<a href="index.html#tab-2">tab 2</a>
<a href="index.html#tab-3">tab 3</a>
<script src="assets/js/jquery-3.3.1.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
第 2 页：index.html 这个我想打开特定标签的页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>tab</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<div>
<ul class="nav nav-tabs">
<li class="nav-item"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-1">Tab 1</a></li>
<li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-2">Tab 2</a></li>
<li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-3">Tab 3</a></li>
</ul>
<div …