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博客

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

相关推荐
small_white_robot18 分钟前
vulnerable_docker_containement 靶机
运维·网络·web安全·网络安全·docker·容器
autism_cx1 小时前
TCP/IP协议栈
服务器·网络·笔记·网络协议·tcp/ip·ios·osi
报错小能手1 小时前
C++笔记(面向对象)对于对象返回方式的讲解
笔记
zyq99101_11 小时前
树与二叉树的奥秘全解析
c语言·数据结构·学习·1024程序员节
微露清风1 小时前
系统性学习C++-第七讲-string类
java·c++·学习
Olrookie1 小时前
StreamX部署详细步骤
大数据·笔记·flink
报错小能手1 小时前
项目——基于C/S架构的预约系统平台(3)
linux·开发语言·笔记·学习·架构·1024程序员节
AAA阿giao2 小时前
JavaScript 中的变量声明:var、let 与 const 深度解析
javascript·笔记
W.Y.B.G2 小时前
css3 学习笔记
笔记·学习·css3·1024程序员节
摇滚侠2 小时前
Spring Boot3零基础教程,函数式 Web 新特性,笔记51
java·spring boot·笔记