我有由btoajavascript函数编码的Query参数.当点击url时,在java控制器中调用请求函数,我想解码Query参数(从javascript btoa编码).我曾尝试BASE64Decoder和Base64.getDecoder(),但没能获得应有的价值.有没有其他方法可以这样做?
Java控制器
@RequestMapping(value = "decode/{email}", method = RequestMethod.GET)
public String decodeEmail(Model model, @PathVariable String email){
Decode decode = new Decode();
decode.setEmail(email);
decodeService.save(decode);
return "decode/List";
}
Run Code Online (Sandbox Code Playgroud)
JavaScript的
var email = document.getElementById("email").value;
var encodedEmail = btoa(email);
Run Code Online (Sandbox Code Playgroud)
例
要编码的字符串:demo@demo.com
编码字符串:ZGVtb0BkZW1vLmNvbQ ==
我按照以下方式划分了我的网格系统。
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="slider"></div>
<!--divided column into 6/6-->
<div class="col-md-6">
<img src="img/2.jpg" style="width: 150px;height: 150px;" class="img-thumbnail" />
<img src="img/2.jpg" style="width: 150px;height: 150px;" class="img-thumbnail"/>
<img src="img/2.jpg" style="width: 150px;height: 150px;" class="img-thumbnail"/>
</div>
<div class="col-md-6">
<p>some content with image</p>
</div>
</div>
<div class="col-md-4">
some content plus image
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我的问题是由于宽度较小,我无法在该 div 中设置 3 个图像。任何人都可以告诉我如何使它工作。如果我在我的网格系统中做错了什么,请指导我。
谢谢
我是javascript的新手.如果有人连续按下按钮,我想在客户端显示一条消息.因此,如果有人在不到两秒的时间内按下按钮两次,我认为最好使用javascript代码显示警告消息.我该怎么办?我知道只是显示一条Alert消息是这样的:
HTML
<div id="content">
<button onclick="myVar = setTimeout(myFunction, 2000)">Click Me</button>
</div>
Run Code Online (Sandbox Code Playgroud)
JAVASCRIPT
function myFunction() {
alert('This is an Alert Message!');
}
Run Code Online (Sandbox Code Playgroud) 我想删除使用 http post 创建的标签。这是我尝试过的代码。
$http({
method: 'DELETE',
url: '/api/tags',
data: [vm.tags.name]
}).success(function(data) {
console.log('Gets DELETED');
vm.tags.name = data;
}).error(function(data) {
console.log('Does not get DELETED');
});
Run Code Online (Sandbox Code Playgroud)
但是这不起作用,它只发送一个带有 [null] 的数组。那么这里有什么我没有看到或理解的东西。我的意思是,如果 POST 有效,它应该与 DELETE 以相同的方式工作,对吗?顺便说一下,它显示了日志“Gets DELETED”,但没有这样做。
起初我不得不说我是AngularJS的新手,但我必须修改一个Web应用程序,即将列表嵌入另一个:
<ul class="first-level">
<li ng-repeat="item in list">{{item.parentNo1}}
<ul class="level-2">
<li ng-repat="item in list">{{item.childOfCurrentParent}}</li>
. . .
</ul>
</li>
<li ng-repeat="item in list">{{item.parentNo2}}
<ul class="level-2">
<li ng-repat="item in list">{{item.childOfCurrentParent}}</li>
. . .
</ul>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我收到了一个像这样的对象数组(JSON):
[{
"id": 53,
"nazwa": "Plafon Nekko",
"foto": "01/01 _ Koma Nekko.jpg",
"visible": 0,
"cat_id": 1,
"strona": 1,
"styl": "nowoczesny",
"rodzina": "Nekko",
"kod": "O2177",
"bookmark": true,
"title": "nowoczesny Nekko",
"page": 1,
"image": "/lemir/www//gazetka/01/01 _ Koma Nekko.jpg",
"width": 849,
"height": 1201,
"tags": "nowoczesny Koma O2180 Plafon Koma …Run Code Online (Sandbox Code Playgroud) 我正在使用引导程序对导航栏进行编码,并且在导航栏的右侧添加了社交媒体链接,如果单击链接,则会在新窗口中打开它们。我想这样做,以便社交媒体链接在单击时不会活跃。
<ul class="nav navbar-nav navbar-right">
<li id="facebook">
<a href="#" target="_blank"><i class="fa fa-lg fa-facebook"></i></a>
</li>
<li id="twitter">
<a href="#" target="_blank"><i class="fa fa-lg fa-twitter"></i></a>
</li>
<li id "google-plus">
<a href="#" target="_blank"><i class="fa fa-lg fa-google-plus"></i></a>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
这是我尝试过的方法,但是它不起作用,我也不知道为什么?link1,将是该页面的默认活动链接。
<script>
$(".nav li").click(function() {
$(".nav li#link1").addClass('active');
$(".nav li#facebook").removeClass('active');
$(".nav li#twitter").removeClass('active');
$(".nav li#google-plus").removeClass('active');
});
</script>
Run Code Online (Sandbox Code Playgroud) 我有以下html片段.我希望背景颜色为红色的div与高度为15.56 + 77.33 + 73.33的div的总高度相同
<body>
<!-- outer div -->
<div style="background-color:gray;">
<div style="background-color: black; float: left;">
<div>
<div>
<div style="height: 15.56px; background-color: blue;">Blue</div>
<div style="height: 77.33px; background-color: green;">Green</div>
<div style="height: 73.33px; background-color: orange;">Orange</div>
</div>
</div>
</div>
<div style="background-color: red; display: inline-block; height: inherit;">
Should be red!
</div>
</div>
<body>
Run Code Online (Sandbox Code Playgroud)
我正在尝试使用以下数据转换JSON字符串:
{
"locations": [{
"info": "7811 N. Octavia",
"longitude": -87.8086439,
"latitude": 42.0229656
}, {
"info": "PO Box 271743",
"longitude": -73.087749,
"latitude": 41.6032207
}, {
"info": "P.O. Box 269",
"longitude": -86.7818523,
"latitude": 34.0667074
}]
}
Run Code Online (Sandbox Code Playgroud)
改为以下结构:
var locations = [
['Bondi Beach', -33.890542, 151.274856],
['Coogee Beach', -33.923036, 151.259052],
['Cronulla Beach', -34.028249, 151.157507],
['Manly Beach', -33.80010128657071, 151.28747820854187],
['Maroubra Beach', -33.950198, 151.259302]
];
Run Code Online (Sandbox Code Playgroud)
有什么方法可以使用javascript来实现吗?
javascript ×6
html ×4
angularjs ×2
css ×2
json ×2
arrays ×1
asp.net ×1
base64 ×1
http ×1
java ×1
jquery ×1
loops ×1
meanjs ×1
nested-lists ×1
stylesheet ×1