<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>StorageStarted</title>
<!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>-->
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Custom styles for this template -->
<link href="/stylesheets/login.css" rel="stylesheet">
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script>
window.onload = function () {
var userName = document.getElementById('inputUsername');
var passWord = document.getElementById('inputPassword');
var btn = document.getElementById('btn1');
btn.onclick= function () {
$.ajax({
beforeSend: function (xhr) {
xhr.setRequestHeader ("Authorization", "Basic " + btoa( userName+ ":" + passWord));
},
url: 'https://hearfresh.leanapp.cn/api/v2/authorize/basic',
type: 'GET',
dataType:"jsonp",
contentType:"application/json",
success: function (result) {
alert(result)
},
});
}
}
</script>
</head>
<body>
<div class="container">
<div class="header clearfix">
<nav>
<ul class="nav nav-tabs pull-right">
</ul>
<h3 class="text-muted">欢迎使用</h3>
</nav>
</div>
<div class="form-signin">
<h2 class="form-signin-heading">登录</h2>
<label for="inputUsername" class="sr-only">username</label>
<input type="username" id="inputUsername" class="form-control" placeholder="username" required autofocus
name="name">
<label for="inputPassword" class="sr-only">Password</label>
<input type="password" id="inputPassword" class="form-control" placeholder="Password" required name="password">
<span type="button" class="btn btn-lg btn-primary btn-block" id="btn1" >登录</span>
</div>
</div> <!-- /container -->
<div id="myDiv">
</div>
</body>
</html>
Web 前端 login ajax jquery 尝试
猜你喜欢
转载自blog.csdn.net/wpn1lgl/article/details/82857552
今日推荐
周排行