web安全学习笔记(12)

记一下第十六节课的内容。

一、jQuery Ajax

我们要先下载jQuery。

首先我们转移到template目录下,准备把jQuery下载到这下面。

直接wget下来就可以了。

这样我们就下载好了jQuery,下面我们学习如何使用。

jQuery 调用 ajax 方法

格式:$.ajax({});

参数:

type:请求方式GET/POST

url: 请求地址 url

async:是否一步,默认是 true 表示异步

data:发送到服务器的数据

dataType:预期服务器返回的数据类型

contentType:设置请求头

success:请求成功时调用此函数

error:请求失败时调用此函数

以上引用自jQuery Ajax 详细通俗讲解-CSDN博客

接下来我们修改login.html,将其内容改为:

这就是jQuery调用Ajax的实例。

完整代码如下:

html 复制代码
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="./template/jquery-3.7.1.min.js"> </script>
<form action="http://172.20.10.3/index.php?a=login&b=index" method="post">
    用户名:<input name="username" id="username" value="admin" />
    密  码:<input type="password" name="password" id="password" value="1123456" />
</form>

<input type="submit" name="submit" onclick="Login" value="登录" />

<script>
    //检查密码是否一致
    function Login() {
        var username = document.getElementById('username').value
        var password = document.getElementById('password').value
        var data = {
            'username':username,
            'password':password
        }
        $.ajax({
            type:'post',
            url:'./index.php?a=login&b=index',
            data:data,
            dataType:'json',
            success: function(result) {
                console.log(result)
            }
        });
    }
</script>

二、json数据格式

JSON 基本使用_json怎么用-CSDN博客

不记了,不会,写出来的网站崩了

相关推荐
在路上`4 小时前
前端学习之后端java小白(四)之数据库设计
sql·学习
咔咔学姐kk6 小时前
大模型微调技术宝典:Transformer架构,从小白到专家
人工智能·深度学习·学习·算法·transformer
Jayyih6 小时前
嵌入式系统学习Day35(sqlite3数据库)
数据库·学习·sqlite
lingggggaaaa8 小时前
小迪安全v2023学习笔记(八十一讲)—— 框架安全&ThinkPHP&Laravel&Struts2&SpringBoot&CVE复现
笔记·学习·struts·安全·网络安全·laravel
CC数分8 小时前
零基础3个月上岸[特殊字符]自学数据分析路线
学习·数据挖掘·数据分析·大学生·考证
HAH-HAH8 小时前
【蓝桥杯 2024 国 Java A】粉刷匠小蓝
c++·学习·数学·算法·职场和发展·蓝桥杯·组合数学
酷讯网络_2408701609 小时前
多语言共享贩卖机投资理财共享售卖机投资理财系统
学习·开源
番薯大佬9 小时前
Python学习-day8 元组tuple
java·python·学习
wanzhong23339 小时前
ArcGIS学习-17 实战-密度分析
学习·arcgis
ZZHow102410 小时前
CTF-Web手的百宝箱
web安全·网络安全