安全基础 --- 编码(02)+ form表单实现交互

浏览器解析机制和XSS向量编码


sss

aaa


bbb


ccc


ddd


eee








    

form表单实现交互




    
    
    123


    

安全基础 --- 编码(02)+ form表单实现交互_第1张图片

(1)php

用php文件接收

运行结果:
安全基础 --- 编码(02)+ form表单实现交互_第2张图片

(2)nodejs

我们使用linux虚拟机实现交互:创建新目录,使用npm init创建package.json

安全基础 --- 编码(02)+ form表单实现交互_第3张图片

下载express库
安全基础 --- 编码(02)+ form表单实现交互_第4张图片

修改package.json包
安全基础 --- 编码(02)+ form表单实现交互_第5张图片

web-express目录下创建web-express.js文件

const express = require('express');
const bodyParse = require('body-parser');
const app = express();
const port = 3000;

app.use(bodyParse.urlencoded({extended:true}));

// 处理post数据
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-express.js文件

web界面运行form表单与nodejs交互
安全基础 --- 编码(02)+ form表单实现交互_第6张图片
安全基础 --- 编码(02)+ form表单实现交互_第7张图片

(3)python

下载Flask模块
安全基础 --- 编码(02)+ form表单实现交互_第8张图片

创建123.py文件

from flask import Flask, request

app = Flask(__name__)
# 装饰器
@app.route('/login',methods = ['GET','POST'])
def login(): # put application's code here
    username = request.form.get('username')
    password = request.form.get('password')
    print('username:',username)
    print('password:',password)
    return 'login successful!'

if __name__ == '__main__':
    app.run(debug=True)

直接运行123.py文件
安全基础 --- 编码(02)+ form表单实现交互_第9张图片

web界面运行index.html文件
安全基础 --- 编码(02)+ form表单实现交互_第10张图片
安全基础 --- 编码(02)+ form表单实现交互_第11张图片
安全基础 --- 编码(02)+ form表单实现交互_第12张图片

你可能感兴趣的:(安全攻击,前端,网络,网络安全,安全,linux)