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

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

相关推荐
好奇龙猫11 分钟前
AI学习:SPIN -win-安装SPIN-工具过程 SPIN win 电脑安装=accoda 环境-第五篇:代码修复]
人工智能·学习
MIXLLRED13 分钟前
YOLO学习——训练进阶和预测评价指标
深度学习·学习·yolo
摇滚侠13 分钟前
Spring Boot 3零基础教程,WEB 开发 内容协商 接口返回 YAML 格式的数据 笔记35
spring boot·笔记·后端
Chunyyyen1 小时前
【第十八周】自然语言处理的学习笔记03
笔记·学习·自然语言处理
聪明的笨猪猪1 小时前
Java JVM “类加载与虚拟机执行” 面试清单(含超通俗生活案例与深度理解)
java·经验分享·笔记·面试
心.c1 小时前
如何学习Lodash源码?
前端·javascript·学习
FserSuN1 小时前
构建基于大语言模型的智能数据可视化分析工具的学习总结
学习·信息可视化·语言模型
im_AMBER1 小时前
React 02
前端·笔记·学习·react.js·前端框架
怀揣小梦想1 小时前
跟着Carl学算法--哈希表
数据结构·c++·笔记·算法·哈希算法·散列表
Nebula_g1 小时前
Java哈希表入门详解(Hash)
java·开发语言·学习·算法·哈希算法·初学者