django的前端设置一个提交按钮,前端输入字符串到后端进行sha1加密,结果传到前端界面
时间: 2024-05-04 19:15:09 浏览: 90
1. 在前端HTML文件中,设置一个表单,包含一个文本框和一个提交按钮:
```html
<form id="myForm">
<label for="myInput">Input string:</label>
<input type="text" id="myInput" name="inputString"><br><br>
<input type="button" value="Submit" onclick="submitForm()">
</form>
```
2. 在JavaScript文件中,编写一个submitForm()函数,在函数中获取文本框中的值,并使用JavaScript中的crypto库进行sha1加密,然后将加密结果显示在前端界面:
```javascript
function submitForm() {
var inputString = document.getElementById("myInput").value;
var sha1Result = sha1(inputString);
document.getElementById("result").innerHTML = "SHA1 result: " + sha1Result;
}
```
3. 在前端HTML文件中,添加一个div元素,用于显示加密结果:
```html
<div id="result"></div>
```
4. 最后,在前端HTML文件中引入JavaScript的sha1加密库:
```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
```
这样就可以实现前端输入字符串,后端进行sha1加密,结果传到前端界面的功能。
阅读全文