编码类型 ASCII URLcode编码 Unicode编码 utf编码理解
bin是二进制
oct是八进制
hex是16进制
Ord()检测ASCII码,python3也可查中文
-
HTML实体编码能被html页面解析,使用ord()对单个字符查看转换后结果,字母就是ASCII码加&# ;或者&#x ;
<p>hello</p>
<!-- 等同于 -->
- 十进制
<p>hello</p>
<!-- 等同于 -->
2. 十六进制
<p>hello</p>
Cyberchef---实体编码转换工具
<script> 虽然前端页面可以识别这种编码但是不会执行语句功能
标签本身不能html实体编码
- 用的比较多的
- <:<
- >:>
- 空格:
使用include(将某个需要资源引入)
-
URLcode编码----某一个字段ASCII码转16进制+%结束
单引号 闭合 程序 成对出现
注释:
-- 空格但是urlcode转换时将空格转换成了+,所以看到就是--+
#(%23)代表注释的意思
%(%25)
30开头状态码代表重定向
-
utf8编码---一般一个3个字节编码,也有四个字节(表情)---国外Unicode码表可以查
转换时先转换成二进制根据范围从后向前取6位依次填入上面规则就行
创建mysql时默认utf83字节创建,utfmb8是4字节
<img src="" alt="" onerror=""> # 没有图片触发onerror事件
js规范不能编码符号,变成变量就可以了,用location=JavaScript:将右边变成变量就行
在a标签中,JavaScript协议:冒号是协议一部分不能被urlcode编码,可以被html实体编码
官方下载文件给你一个md5原因:
因为md5值是防止篡改,每次更改文件md5是会改变的
实现前端向后端数据提交
Php |
nodejs(express) |
python(flask) |
Java(servlet) |
-
Php(先创建login.html和login.php文件,然后直接调试运行就行,会将结果打印在前端页面)
login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="./login.php" method="post">
<label for="">用户名:</label> <input type="text" name="username" id=""><br>
<label for="">密码:</label><input type="password" name="password" id="">
<input type="submit" value="submit">
</form>
</body>
</html>
login.php
<?php
$username = $_POST["username"];
$password = $_POST["password"];
echo $username.'++++++'.$password;
?>
-
Nodejs(先将需要的依赖包下载到自己的文件夹中,然后再创建js文件,如果vscode没有提示相应库,cmd去对应目录(此处是创建js文件目录)命令:下载npm install 对应库,然后编写对应js代码,和web前端代码,cmd切换到创建js路径下使用node js文件名即可,在浏览器实现提交前端数据到后端,输入form表单中对应action即可,要想显示不能关闭cmd提示框(可以理解为关闭即是没有启动服务器。))
查看端看监听情况:netstat -ano | findstr 端口号
xz -d 解压文件名
<<package.json>>
js代码
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
const port = 3000;
//使用bodyparse中间件解析http请求
app.use(bodyParser.urlencoded({extended: true}));
//处理post数据,此处/login是form表单的action
app.post('/login',(req,res) => {
const {username,password} = req.body;
console.log('Username:',username);
console.log('Password:',password);
// 给前端返回数据
res.send("login success");
});
// 监听对应端口
app.listen(port, () =>{
console.log(`server is running on http://localhost:${port}`);
});
web代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="http://localhost:3001/login" method="post">
<label for="">username:</label> <input type="text" name="username" id=""><br>
<label for="">password:</label><input type="password" name="password" id="">
<input type="submit" value="submit">
</form>
</body>
</html>
-
Python(现在PythonCharm安装Flask 控制台安装:pip install Flask,编写flask代码,然后运行,浏览器查看打印,再在phpstudy创建相应前端页面,注意端口,然后浏览器运行,就可以在后端看到前端传过来数据)
Flask.py
fromflaskimportFlask,request
app=Flask(__name__)
#装饰器(当捕获到login这个路由时直接执行下面login函数)
@app.route("/login",methods=['get','post'])
deflogin():
username=request.form.get('username')
password=request.form.get('password')
print('Username:',username)
print('Password:',password)
return'loginsuccessful'
if__name__=='__main__':
app.run(debug=True)
form表单
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="http://localhost:5000/login" method="post">
<label for="">username:</label> <input type="text" name="username" id=""><br>
<label for="">password:</label><input type="password" name="password" id="">
<input type="submit" value="submit">
</form>
</body>
</html>
-
java(先创建maven项目,引入相应的依赖,编写相应类,在创建前端页面)
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet("/login") // 定义Servlet映射路径
public class LoginServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 获取表单数据
String username = request.getParameter("username");
String password = request.getParameter("password");
System.out.println("Username: " + username);
System.out.println("Password: " + password);
// 可以在这里做更多的操作,比如验证用户名和密码等
// 返回响应给客户端
response.setContentType("text/html;charset=UTF-8");
response.getWriter().println("Login successful!");
}
}
前端代码
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<title>Login Form</title>
</head>
<body>
<h1>Login Form</h1>
<form action="/login" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br>
<input type="submit" value="Login">
</form>
</body>文章来源:https://www.toymoban.com/news/detail-603945.html
</html>文章来源地址https://www.toymoban.com/news/detail-603945.html
到了这里,关于编码类型 ASCII URLcode编码 Unicode编码 utf编码理解的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!